Beispielanalyse von JavaScript-Methoden und -Attributen zum Abrufen von Elementen

JS-Methode zum Abrufen von Elementen

Sie können das integrierte ObjektDie getElementById-Methode für das Dokument ruft das Element mit dem auf der Seite festgelegten ID-Attribut ab. Was erhalten wird, ist ein HTML-Objekt und weist es dann einer Variablen

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

Aber

Hinweis: Wenn Sie den obigen Codeabschnitt in einfügen, wird ein Fehler gemeldet

Lösung:

Computer wird geladen

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

Attribute von js Operationselemente

Nachdem Sie das Seitenelement erhalten haben, können Sie die Attribute des Seitenelements bedienen. Die Operation von Attributen umfasst das Lesen und Schreiben von Attributen.

Methoden für Betriebsattribute

• 1. "." 🎜>

2. „[ ]“-Operation

So schreiben Sie Attribute

1 Die Attribute von HTML werden genauso geschrieben wie die Attribute in js

• 2.

• Das „class“-Attribut wird als „className“ geschrieben

  3. Im Attribut „style“ sollten die Attribute von

• in Kamel-Groß-/Kleinschreibung geändert werden, zum Beispiel: „font-size“ sollte in „ style.fontSize"

Attribute durch Punkte (.) abrufen

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

Holen Sie sich

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

über [ ]

Lesen und schreiben Sie den Inhalt des Tag-Pakets über das innereHtml-Attribut des erfassten Tags

• Lesen Sie op .innerHtml

• Schreiben Sie op.innerHTML = „Neuer Inhalt“

Das obige ist der detaillierte Inhalt vonBeispielanalyse von JavaScript-Methoden und -Attributen zum Abrufen von Elementen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!