JavaScriptでDOM操作

JavaScriptでDOM操作をしているサンプルをよく見るが、何をなっているかよくわからないので、書籍を読みコードを打ち込みながら確認した。読んでいる本は”パーフェクトJavaScript
“。1章、8章、9章を読んだ。

先日、楽天ウェブサービスのアフィリエイトリンクを貼付けができたなかったけど、出来るようになった。ノードの階層構造を理解できてなかったのが原因。aの子がimgということで、”elemA.appendChild(elemImg)”として解決。

function callbackFunc(items) {
	num = items.Body.ItemSearch.Items.Item;

	for (var i in num) {
		var elemImg = document.createElement('img');
		elemImg.setAttribute('src', num[i].mediumImageUrl);

		var elemA = document.createElement('a');
		elemA.setAttribute('href', num[i].affiliateUrl);
		elemA.appendChild(elemImg);

		document.getElementById('searchcontrol').appendChild(elemA);
	}
}

パーフェクトJavaScript (PERFECT SERIES 4)

posted with amazlet at 12.01.31

井上 誠一郎 土江 拓郎 浜辺 将太
技術評論社
売り上げランキング: 4473

Amazon.co.jp で詳細を見る

関連エントリー

1. 楽天ウェブサービス(RWS)を使ってアフィリエイトリンクをつくる(JavaScript/JSONP)
2. はじめてのjQuery
3. YouTube APIとjQuery
4. Webサービス”まわりのつぶやき”をリリースしました
5. 楽天ウェブサービス(RWS)を使ってアフィリエイトリンクをつくる(PHP/REST)

• 
• Tweet