たのしいXML: DOMとJavaScript
さらら: あぁ、そうだったわね。 たけち: このインターフェイスでは、item(0)や今回はitem(1)というように、属性の順番で指定してたよね。でもこれだと、属性が増えたり順序がかわったりすると思ったような結果が得られないよね。そこで、属性の名前を指定してその値をとってくるインターフェイスを紹介するね。 さらら: なるほど、そう言われるとそういう方法が欲しいわね。 たけち: そうだね。じゃあ早速次に図で紹介するね。 さらら: 分かるわ。欲しい属性の名前を指定してgetAttributeNode()を呼ぶとその名前をもつ属性ノードがとってこれるのね。。。。あれ、でも、属性の値を取るにはそれからどうしたらいいのかしら・・・ たけち: あっ、IEの場合だと、そのノードについてvalueかnodeValueでとってこれるんだ。 さらら: あっ、そうなの。 たけち: たとえば、次のようにすればい
IEでのgetAttribute,setAttributeのバグ
DOMでオブジェクトを特定したり、変更するのに使用するgetAttribute、setAttributeメソッドですが、一部IEにバグがあります。 以前散々悩んだので書いておきます。 たとえば、class名を取得したいとき、 element.getAttribute("class");だと、IEでは取得できません。 IEの場合には element.getAttribute("className"); getAttribute("String")のStringには属性名がくるので、実際にはclassが正しいのですがIEのバグです・・・ また、同様に element.setAttribute("style", "color: #ffffff;");もIEではセットできないので、 element.style.cssText = "color: #ffffff;"; とする必要があります。 さらに
James Hopkins » IE8 Bugs
IE8 RTW (69 CSS, 5 HTML, 2 DOM, 1 Javascript) Bugs If you believe you’ve found a new bug, please , providing a description and a test case (in Standards Compliance mode with valid HTML). If it is indeed a valid bug, it’ll appear on this list along with an author credit. 02/11/11 Added new CSS escaped tab character bug and test case 01/03/10 Added new CSS :first-letter float text-transform bug and
IE8 Bug Exploit
IE8 の javascript が遅いことを実証するサンプルです。 他のブラウザと動作を比較してみてください。 この問題は、タグのスタイル変更を className プロパティを使用することによって発生します。 この問題を回避するには style プロパティを使用します。たとえば、 obj.className = "スタイルシートで定義した名前"; ↓ obj.style.background = "#fff"; のように変更します。 以下、サンプルです。 数字を押すとテーブルを表示します。 テーブルの上でマウスカーソルを動かしてみてください。 100 Lines 500 Lines 1000 Lines
FrontPage - theater.js
2008-04-05 物置 2008-02-22 FrontPage 2008-01-24 開発室 2007-12-21 サンプル 2007-12-14 ダウンロード 2007-09-26 解説/省略記法 2007-09-25 解説/中級編 2007-09-12 今後の課題 2007-09-06 初級編応用 解説/入門編 新着情報 † 開発室は随時更新中です。 2008/02/22 ↓のシンタックスハイライトをやめました。エディタ等にコピー＆ペーストしたときに改行が反映されないようなので。この問題をクリアした上で適用できないか思案中・・・。 2008/01/31 http://anond.hatelabo.jp/20071220191425 ←を参考にコード表示にシンタックスハイライトを実装してみました。コードじゃないところに関しては対応考え中。多分難しい話ではないとは思うのだけど。PHP
イベントへの関数登録について - Backstage of theater.js
HTML+JavaScriptで、要素のイベントへの関数登録の方法は、主に以下の３つです。 1. 要素タグのなかに属性(onclick="〜"等)を直接記述する。 【例】 <button onclick="alert('!');">TEST</button> 2. 要素オブジェクトのプロパティへ関数を設定する。 【例】 <button id="test">TEST</button> <script> function func(){ alert("!"); } var elem = document.getElementById("test"); elem.onclick = func; </script> 3. 要素オブジェクトのaddEventListenerメソッドまたはattachEventメソッドを使用する。 【例】 <button id="test">TEST</button>
IE、setAttributeでstyleは設定できない - FAX
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでstyleを設定しても反映されなかった。 以下コードで確認を行った。 var span = document.body.appendChild(document.createElement('span')); span.innerHTML='ABC'; span.setAttribute('style', 'background-color:red'); このときinnerHTMLを見ると以下のようになり、全く設定されていないことがわかった。 ABC Internet Explorer
IE の getAttribute / setAttribute: Days on the Moon
DOM の getAttribute / setAttribute メソッドは DOM Level 1 から定義されているメソッドで、MSDN Library によれば IE はバージョン 4 からサポートしています。しかし、IE での element.getAttribute(name) / element.setAttribute(name, value) というのは、基本的には JavaScript における element[name] / element[name] = value のシンタックスシュガーでしかありません。ですから、element.setAttribute("innerHTML", "foo") とすると、element の属性には何の変化もないが element の内容が書き換えられるという事態になります。 この (手抜き) 実装が原因で、getAttribute
IE8のCSS/HTML/DOM/JavaScriptのバグ情報リスト
IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。 IE8 Bugs 掲載されているバグの数は現在、CSS：63、HTML：4、DOM：2、JavaScript：1となっており、ほとんどのものはTest Caseとしてデモページを参照することができます。
getElementsByTagName
CSSやHTML、そしてJavaScriptについてリファレンス的に扱ってみたいと思います。もちろん実践的なものも。 土曜日, 8, 19, 2006 ページ中のとあるタグの要素をJavaScriptで扱う場合、指定したタグ全てに対して操作を行う場合は、getElementByIdよりもgetElementsByTagNameの方が便利。 たとえば、ページ中のINPUTタグに入力された文字列を全て取り出す場合は、 ソースは、下のようになります。 <script type="text/javascript"> <!-- function getValue(){ var obj = document.getElementsByTagName('input'); var max = obj.length; var all = ""; for(var i = 0; i < max; i++){
デコレーションテーブル.js - JavaScript ライブラリー - HTML5.JP
デコレーションテーブル.jsは、class属性に値を追加するだけで、テーブルの通常行の背景色をストライプ状にし、各行をクリッカブルにするライトウェイトなライブラリーです。他のJavaScriptライブラリに依存せず、単独で動作します。 テーブルをデコレーションするJavaScriptライブラリは海外物も含めて数多くありますので、このライブラリは特に目新しさはなく機能も少ないのですが、よろしければ是非ご利用ください。 ダウンロード Release Date Size (byte) Download 使い方 deco_table_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そしてHTMLのhead要素内に、次のJavaScriptコードを記述してください。 <script type="text/javascript" src="../ht
テーブルをセルごとにハイライト「tablecloth」
テーブルをセルごとにハイライト「tablecloth」 Javascript2008年2月11日 Tableclothの使い方 まずは下記のサイトよりデータをダウンロードします。 Welcome to Tablecloth <head>～</head>内に Tableclothを呼び出すコードを記述します。 <script type="text/javascript" src="tablecloth/tablecloth.js"></script> 次にCSSを読み込むコードも<head>～</head>内に記載します。 <link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" /> とりあえずこれだけで機能します。 Tableclothの設定の仕方 var highligh
Talexio
Talexio is a complete HR system for human resources, recruitment and payroll professionals looking to work more efficiently. Our flexible Software as a Service (SaaS) platform gives organisations full control over their HR processes. Through automation and easy-to-use wizards, Talexio saves you time and lowers the cost of your internal processes. Talexio is a scalable solution that caters for busi
検索できる javascriptサンプルブック
※本ページはソーテック社発行の書籍「使える！JavaScriptサンプルブック」購入者のためのものです。サンプルは書籍内容をマスターする目的のみ使用することができ、他の用途での使用・配布は一切禁止します。また、これらサンプルを実行した結果については著者、（株）ソーテック社は一切の責任を負いかねます。全てお客様の責任において御利用くださいますようお願いいたします。購入者以外の御利用はご遠慮ください。 ここで使用している全ての写真素材ファイルの著作権は篠崎柚さんにありますが、本書を学習する目的では報告や許可を必要とせず自由に使用できます。 しかし、他の目的での写真使用に関しては篠崎柚さんのページ「5memorips-photograghic」のフリー写真素材の利用規約をお守りください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IEでgetAttribute,setAttributeが効かないバグ（仕様？） | baryLab
翔泳社『Web辞典シリーズ』
掲示板/JavaScript質問板［過去ログ］/一覧/addListener()やattachEvent()で引数 - TAG index Webサイト
JSLint,The JavaScript Code Quality Tool
http://feed.designlinkdatabase.net/feed/outsite_3203.aspx
[JS]表データの列と行をハイライトするスクリプト -TargetTable