Méthode JS pour obtenir des éléments
Vous pouvez utiliser l'objetLa méthode getElementById sur le document récupère l'élément avec l'attribut id défini sur la page. Ce qui est obtenu est un objet HTML, puis l'assigne à une variable <.>
1 2 3 | <scripttype= "text/javascript" > var op =document.getElementById('p1');
alert(op)弹出对话框
</script> <p id= "p1" >这是一个p元素</p>
|
Copier après la connexion
Mais
Remarque : Si vous mettez le morceau de code ci-dessus dans , une erreur sera signalée
Solution :
Chargement de l'ordinateur
1 2 3 4 5 6 7 | <scripttype= "text/javascript" >
1.window.onload = function (){
2. var op = document.getElementById('p1');
}
</script>
<p id= "p1" >这是一个p元素</p>
|
Copier après la connexion
Attributs de js éléments d'opération
Après avoir obtenu l'élément de page, vous pouvez utiliser les attributs de l'élément de page. L'opération des attributs comprend les attributs de lecture et d'écriture.
Méthodes de fonctionnement des attributs
Opération
2. Opération "[ ]"
Comment écrire des attributs
- 1 Les attributs du HTML sont écrits de la même manière que les attributs en js
.
- 2.
L'attribut "class" s'écrit "className"
- 3. Dans l'attribut "style", les attributs de
doivent être remplacés par camel case , par exemple : "font-size" doit être remplacé par " style.fontSize"
Obtenir les attributs via des points (.)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 | <scripttype= "text/javascript" >
1.加载:window.onload = function (){
2.获取: var oInput = document.getElementById('input1');
2.获取: var oA = document.getElementById('link1');
3.
var sValue =oInput.value;
var sType =oInput.type;
var sName =oInput.name;
var sLinks = oA.href;
4.
oA.style.color = 'red';
oA.style.fontSize = sValue;
}
</script>
<inputtype= "text" name= "setsize" id= "input1" value= "20px" ><a href= "" id= "link1" >百度</a>
|
Copier après la connexion
Obtenez
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 | <scripttype= "text/javascript" >
1.加载:window.onload= function (){
2.获取: var oInput1 =document.getElementById('input1');
2.获取: var oInput2 =document.getElementById('input2');
2.获取: var
oA =document.getElementById('link1');
3.
var sVal1 = oInput1.value;
var sVal2 = oInput2.value;
4.
oA.style[sVal1] = sVal2;
}
</script>
<inputtype= "text" name= "setattr" id= "input1" value= "fontSize" >
<input type= "text" name= "setnum" id= "input2" value= "30px" >
<a href= "" id= "link1" >百度</a>
|
Copier après la connexion
via [ ]
Lire et écrire le contenu du package de balises via l'attribut interneHtml de la balise acquise
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!