プログラミング getelementbyid

5

単純なHTMLElementラッパーのアイデアを検討しているときに、Internet ExplorerとChromeについて次の点に遭遇しました。 DOMツリーでIDが指定された特定のHTMLElementの場合、そのIDを変数名として使用してdivを取得できます。したがって、divのような <div id="example">some text</div> Internet Explorer 8とChromeあなたが行うことができます。 alert(example.innerHTML); //=> 'some text' または alert(window['example'].innerHTML); //=> 'some text' それで、これはDOMツリーのすべての要素がグローバル名前空間の変数に変換されることを意味しますか？また、これをgetElementByIdこれらのブラウザのメソッドの代わりとして使用できることを意味しますか？

364 javascript dom global-variables getelementbyid identifier

6

要素の親divを取得する

これは非常に簡単なはずですが、問題があります。子要素の親divを取得するにはどうすればよいですか？私のHTML： <div id="test"> <p id="myParagraph">Testing</p> </div> 私のJavaScript： var pDoc = document.getElementById("myParagraph"); var parentDiv = ?????????? 私は考えていたdocument.parentかparent.container、うまくいくと思いましたが、not definedエラーが出続けます。pDocが定義されていることに注意してください。特定の変数ではありません。何か案は？ PS私は可能であればjQueryを避けたいと思います。

208 javascript html getelementbyid

4

ReactでDOM要素にアクセスする方法は？Reactのdocument.getElementById（）と同等のものは何ですか

react.jsで特定のバーを選択するにはどうすればよいですか？これは私のコードです： var Progressbar = React.createClass({ getInitialState: function () { return { completed: this.props.completed }; }, addPrecent: function (value) { this.props.completed += value; this.setState({ completed: this.props.completed }); }, render: function () { var completed = this.props.completed; if (completed < 0) { completed = 0 }; return (...); } このReactコンポーネントを使用したい： var …

203 javascript reactjs getelementbyid

6

クラスとIDによって要素内の要素を取得する-JavaScript

さてさて、私は以前JavaScriptを使ったことがありますが、私が書いた中で最も有用なものはCSSスタイルスイッチャーです。だから私はこれにいくらか新しいです。次のようなHTMLコードがあるとします。 <div id="foo"> <div class="bar"> Hello world! </div> </div> 「Hello world！」をどのように変更しますか「さようなら世界！」へ？document.getElementByClassとdocument.getElementByIdがどのように機能するかは知っていますが、もっと具体的に知りたいのですが。これが以前に尋ねられた場合は申し訳ありません。

136 javascript getelementbyid getelementsbyclassname

5

iFrame jQueryで要素を選択する

このアプリケーションでは、Webページを解析して、iFrameの別のページに読み込みます。ロードされたページのすべての要素には、tokenid-sがあります。これらのtokenid-sによって要素を選択する必要があります。意味-メインページの要素をクリックし、iFrameのページで対応する要素を選択します。jQueryの助けを借りて、次のようにしています。 function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } ただし、この関数では、iFrameではなく、現在のページの要素のみを選択できます。読み込まれたiFrameの要素を選択するにはどうすればよいですか？ありがとう。

122 javascript iframe getelementbyid

16

nullのプロパティ 'addEventListener'を読み取れません

プロジェクトにはバニラJavaScriptを使用する必要があります。いくつかの機能がありますが、その1つはメニューを開くボタンです。ターゲットIDが存在するページでは機能しますが、IDが存在しないページではエラーが発生します。関数がIDを見つけられないページで、「nullのプロパティ 'addEventListener'を読み取れません」エラーが表示され、他の関数が機能しません。以下は、メニューを開くボタンのコードです。 function swapper() { toggleClass(document.getElementById('overlay'), 'open'); } var el = document.getElementById('overlayBtn'); el.addEventListener('click', swapper, false); var text = document.getElementById('overlayBtn'); text.onclick = function(){ this.innerHTML = (this.innerHTML === "Menu") ? "Close" : "Menu"; return false; }; どうすればこれに対処できますか？このコードを別の関数ですべてラップするか、if / elseステートメントを使用して、特定のページのIDのみを検索するようにしますが、正確にはわかりません。

106 javascript function getelementbyid addeventlistener

7

JavaScriptでGetElementByIdではなくgetElementByClassを取得する方法

各DIVのクラスに応じて、Webサイト上の特定のDIV要素の表示を切り替えようとしています。基本的なJavaScriptスニペットを使用して切り替えています。問題は、JavaScriptでサポートさgetElementByIdれgetElementByClassていないため、スクリプトはのみを使用することです。残念ながら、DIVの名前には特定のカテゴリ名を使用してXSLTスタイルシートによって動的に生成されるため、DIVではなくidではなくclassを使用する必要があります。特定のブラウザがをサポートするようになったことは知っていますgetElementByClassが、Internet Explorerがサポートしていないので、そのルートを使いたくありません。クラスを使用して要素を取得する関数を使用するスクリプトを見つけました（このページの＃8など：http : //www.dustindiaz.com/top-ten-javascript/）が、それらを統合する方法がわかりません私のトグルスクリプトで。これがHTMLコードです。DIV自体は、XML / XSLTを使用したページの読み込み時に生成されるため、ありません。主な質問：以下のトグルスクリプトを使用して、IDで要素を取得するのではなく、クラスで要素を取得するにはどうすればよいですか？ <html> <head>  <script type="text/javascript">  </script> </head> <!--the XML/XSLT page contents will be loaded here, with …

91 javascript class toggle getelementbyid getelementsbyclassname

タグ付けされた質問 「getelementbyid」

タグ付けされた質問「getelementbyid」