JavaScript - DOM(id属性)

開発環境

• OS X Lion - Apple(OS)
• Safari (Webプラウザ)
• TextWrangler(Text Editor) (BBEditの無料、light版)
• Script言語:JavaScript
• JavaScript Library: jQuery

独習JavaScript 高橋 和也 (著), 竹添 直樹 (著), 里見 知宏 (著) の第9章(DOM)の理解度チェック1、2を解いてみる。

その他参考書籍

• JavaScript 第5版 David Flanagan (著), 村上 列 (翻訳)
• JavaScriptクイックリファレンス David Flanagan (著), 木下 哲也 (翻訳), 福龍興業 (翻訳)

1.

• Java
• JavaScript
• PHP
• Perl

コード(TextWrangler)

function f(lang){
  var ul = document.getElementById('languages');
  var lis = ul.getElementsByTagName('li');
  for(var i =  0 ; i < lis.length ; i++){
    if(lis[i].innerHTML == lang){
      return lang;
    }
  }
  return lang + "はリストにありません。";
}
var lang = $('#t0').val();
$('#pre0').html(f(lang));

2.

コード(TextWrangler)

var div = document.getElementById('contents');
var a = document.createElement('a');
var text = document.createTextNode('Google');
a.setAttribute('href','http://www.google.co.jp/');
a.appendChild(text);
div.appendChild(a);