[B! JavaScript][dom] silemのブックマーク

silem id:silem

JavaScriptとdomに関するsilemのブックマーク (3)

styleタグのCSSや外部CSSの値を取得 - 三等兵
当たり前ですが、 element.style.xxx で取得できるのは要素にstyle属性として指定されている値だけなので。たとえば、 // css #box { width: 100px; } //html <div id="box"></div> //js var element = document.getElementById('box'); var style = element.style.width; // empty これじゃもちろん取得できない。ではこういう場合でもwidthプロパティを取得したいってときはどうするかというと、 var element = document.getElementById('box'); var style = (element.currentStyle || document.defaultView.getComputedStyle(ele
silem 2014/10/06
javascript

dom
リンク
Dynamic HTMLとXML：XMLHttpRequestオブジェクト
XMLデータとWebサービスの導入が広まるにつれ、HTMLの表示とXMLデータを直接結び付け、ページを再ロードせずに一時的な更新ができると便利だと思うことがあります。あまり知られていませんが、XMLHttpRequestというオブジェクトのおかげで、XMLデータの取得と送信をすべてバックグラウンドで実行できるWebクライアントが増えつつあります。取得したXMLデータを描画可能なHTMLコンテンツに変換するには、クライアント側でDOM (Document Object Model)を使ってXMLドキュメントノードツリーを読み取り、ユーザに表示されるHTML要素を作成します。経緯およびサポート Microsoftが最初に、XMLHttpRequestオブジェクトをWindows版Internet Explorer 5にActiveXオブジェクトとして実装しました。Mozillaプロジェク
silem 2010/09/15
javascript

dom

safari

XMLHttpRequest
リンク
JavaScript/DOM DOMプロパティ | PHP & JavaScript Room
対象ノードがノードの場合にエレメントの属性リストを返し、ノードでない場合はNULLを返します。特定のimg要素の属性取得サンプルを見る<p><img src="./img/pic1-thumb.png" alt="Krispy Kreme Doughnuts" id="sweets" /></p> <form action="#"> <input type="button" value="属性取得" onclick="fGetAttributes()" /> <p id="resGetAttributes"></p> </form> <script type="text/javascript"> function fGetAttributes(){ var s=""; if(document.getElementById("sweets").attributes.l
silem 2010/09/15
タグ名=tagName

javascript

dom
リンク
1