要素を取得するJavaScriptのメソッドと属性の解析例

要素を取得するjsメソッド

組み込みのobjectdocumentのgetElementByIdメソッドを使用して、ページに設定されたid属性を持つ要素を取得できます。取得したのは HTML オブジェクトで、それを変数

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

に代入します。しかしnote:上記のコードを 93f0f5c25f18dab9d176bd4f6de5d30e に入れると、 9c3bca370b5104690d9ef395f2c5f8d1 中エラーが報告されます

解決策:コンピューターの読み込み

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

js操作要素の属性

で手術されるページ要素の属性には、プロパティの読み取りと書き込みが含まれます。

属性を操作するメソッド

• 1.「.」操作

• 属性の書き方

1. HTML の属性は、js

• 2 の属性と同じように記述されます。 "style" 属性の属性、

  水平バーのあるものをキャメルケースに変更します

• 、例: "font-size"、それを "style.fontSize" に変更します

Getドット (.)

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

  を介して属性

  タグの innerHtml 属性を取得して、タグ パッケージのコンテンツの読み取りと書き込みを行います

  • Read op.innerHtml

  • Write op.innerHTML = "新しいコンテンツ"

以上が要素を取得するJavaScriptのメソッドと属性の解析例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。