Exemple d'analyse des méthodes et attributs JavaScript pour obtenir des éléments-js tutoriel-php.cn

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

黄舟

Libérer： 2017-11-01 10:23:51

original

1749 Les gens l'ont consulté

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>

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

<scripttype="text/javascript">    
1.window.onload = function(){        
2.var op = document.getElementById(&#39;p1&#39;);    
}
  </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 (.)

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

Copier après la connexion

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>

Copier après la connexion

via [ ]

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