Exemple d'analyse des méthodes et attributs JavaScript pour obtenir des éléments

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 <.>

  <scripttype="text/javascript">    var op =document.getElementById(&#39;p1&#39;);
   alert(op)弹出对话框
 </script>  <p id="p1">这是一个p元素</p>

Mais

Remarque : Si vous mettez le morceau de code ci-dessus dans , une erreur sera signalée

Solution :

Chargement de l'ordinateur

<scripttype="text/javascript">    
1.window.onload = function(){        
2.var op = document.getElementById(&#39;p1&#39;);    
}
  </script>
 
<p id="p1">这是一个p元素</p>

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 (.)

<scripttype="text/javascript">
1.加载：window.onload =function(){        
2.获取：var oInput = document.getElementById(&#39;input1&#39;);        
2.获取：var oA = document.getElementById(&#39;link1&#39;);        
3.//读取属性值        
var sValue =oInput.value;        
var sType =oInput.type;        
var sName =oInput.name;        
var sLinks = oA.href;        
4.//写(设置)属性        
oA.style.color = &#39;red&#39;;        
oA.style.fontSize = sValue;    
}
</script>
<inputtype="text" name="setsize" id="input1"value="20px"><a href="" id="link1">百度</a>

Obtenez

<scripttype="text/javascript">
1.加载：window.onload= function(){        
2.获取：var oInput1 =document.getElementById(&#39;input1&#39;);        
2.获取：var oInput2 =document.getElementById(&#39;input2&#39;);        
2.获取：var
 oA =document.getElementById(&#39;link1&#39;);        
3.//读取属性        
var sVal1 = oInput1.value;        
var sVal2 = oInput2.value;        
4.//写(设置)属性        
// oA.style.val1 = val2; 没反应        
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>

via [ ]

Lire et écrire le contenu du package de balises via l'attribut interneHtml de la balise acquise

• Lire op .innerHtml

• Écrire op.innerHTML = "Nouveau contenu"

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!