JSコンテンツ(getElementByIdの)のIDを取得し、元のコンテンツを変更する(innerHTMLプロパティ)
1. IDを持つ要素を取得します。
整理ラベル情報により、そのWebページを知っている、HTML / CSSスタイルを学び、一人一人が、限り、あなたはに対応するID番号で見つけることができるよう、異なるID番号を持っているとして、タグのid属性の値は、ユニークであります人々。Webページでは、我々は最初のIDでタグを見つけて、それから従ってください。
構文:
document.getElementById(「ID」)
以下のコードを考えてみます。
結果:ヌルまたは[ オブジェクトHTMLParagraphElement]
注:取得された要素が動作するようにそのような要素のように、オブジェクトである、我々はしなければならず、そのプロパティまたはメソッドを介し。
例:
<!DOCTYPE HTML> <HTML> <HEAD> <META HTTP-当量= "Content-Typeの"コンテンツ= "text / htmlの;のcharset = UTF-8" /> <タイトル>のdocument.getElementById </ TITLE> </ヘッド> <BODY> <PのID = "CON"> JavaScriptの</ P> <スクリプトタイプ= "テキスト/ javascriptの"> するvar mychar =のdocument.getElementById( 'CON')。 document.write( "结果:" + mychar)。//输出获取的P标签。 </スクリプト> </ BODY> </ HTML>
効果:
2.innerHTMLプロパティ
innerHTMLプロパティを取得またはHTML要素の内容を交換してください。
構文:
Object.innerHTML
注意:
document.getElementById(「ID」)要素によって取得されたとして1.Object要素オブジェクトが取得されます。
書き込みの2.お知らせ、敏感innerHTMLのケース。
次のように我々は、ID =「CON」<p>要素と出力要素と要素のコンテンツの内容を変更することによって得られます。
結果:
例:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>innerHTML</title> </head> <body> <h2 id="con">javascript</H2> <p> JavaScript是一种基于对象、事件驱动的简单脚本语言,嵌入在HTML文档中,由浏览器负责解释和执行,在网页上产生动态的显示效果并实现与用户交互功能。</p> <script type="text/javascript"> var mychar= document.getElementById('con') ; document.write("原标题:"+mychar.innerHTML+"<br>"); //输出原h2标签内容 mychar.innerHTML = 'Hello world!'; document.write("修改后的标题:"+mychar.innerHTML); //输出修改后h2标签内容 </script> </body> </html>
结果: