『JavaScript domプログラミングアート(第2版)』ノート7-8を読む
3232 ワード
動的作成タグ:
従来の方法:document.write、innerHTML
document.write:メソッドは文字列をドキュメントに簡単に挿入できますが、欠点は「行為は表現から分離すべきだ」という原則に反することです.たとえdocument.write文は外部関数に移動しても、その関数を呼び出すにはタグの部分に
innerHTML:特定の要素のHTMLコンテンツを読み取り、書くために使用されます.
<div id="text">
<p>This is <em>my</em>content.</p>
</div>
要素ノード
div
This is mycontent.
HTML
innerHTMLプロパティでは、idがtextのタグには
Thismycontent.
のHTML文字列.innerHTMLプロパティはHTML固有のプロパティであり、他のタグ言語ドキュメントでは使用できません.
DOMメソッド:createElement、appendChild、createTextNode
createElement:要素ノードを作成します.構文:document.createElement(nodeName) eg:document.createElement("p");p要素を作成します.
appendChild:ノードを挿入し、構文:parent.appendChild(child)
createTextNode:テキストノードの作成、構文:document.createTextNode(text) eg:document.createTextNode("Hello world!");「Hello World」というテキストノードが作成されます.
InsertBefore:既存の要素の前に新しい要素を挿入します.このメソッドを呼び出すときは、3つのことを知る必要があります.1、新しい要素:挿入したい要素(newElement)2、ターゲット要素:この新しい要素をどの要素(targetElement)の前に挿入したいか3、親要素:ターゲット要素の親要素(parentElement)構文:patentElement.insertBefore(newElement,targetElement)親要素がどれであるかを明らかにする必要はありません.targetElement要素のparentNode属性値がそれであるためです.属性ノードとテキストノードのサブ要素は要素ノードであることは許可されません.
既存の要素の後に新しい要素を挿入します:DOMの中でこの方法はありませんが、私たちはこの関数を書くことができます.
function insertAfter(newElement,targetElement){
var parent=targetElement.parentNode;
if(parent.lastChild==targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
nextSibling:同じ層の次のノード、すなわち次の兄弟ノード
略語は、単語やフレーズの略語の総称です.
単語、頭文字の略語.
eg:DOMを単語domと読むと、彼は頭文字の略語です.D-O-Mの3文字にすると略語になります.
html 5ではラベルがラベルに置き換えられている.
XHTMLのすべてのラベルは閉じなければなりません.や
のような孤立要素に対しても例外ではありません.書くときにラベルの終わりを表す反斜線文字が必要です.すなわちと
です.以前のブラウザと互換性を保つためには、スラッシュ文字の前にスペースを残す必要があります.
XHTML DOTYPEを使用するには、ドキュメントの先頭に立つ必要があります.
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1-strict.dtd">
HTML 5の文書型宣言は、デフォルトでは標準モード
for/inループ:for(variable in array)ある配列の下付きスケールを変数=>arrayに割り当てる[variable]
blockquote要素には属性citeが含まれています.これはオプションの属性で、urlアドレスを与えて、blockquote要素の内容がどこから引用されたかを教えてくれます.
アクセスキー属性は、キーボード上の特定のキーにリンクなどの要素を関連付けることができます.eg:HOME
Windowsシステムに適したブラウザでは、キーボードでaltキーと特定のキーを同時に押すのがショートカットキーの使い方です.Macシステムに適したブラウザでは、ctrlキーと特定のキーを同時に押すのがショートカットキーの使い方です.
このドキュメント宣言は、HTMLタグとXHTMLタグもサポートしています.