Questions tagged «getelementbyid»

getElementById是浏览器中的JavaScript中常用的基本方法,用于通过其ID检索HTML或XML文档中的特定元素节点。

5
具有ID的DOM树元素是否会成为全局变量?
在研究一个简单的HTMLElement包装器的想法时,我偶然发现了Internet Explorer和Chrome的以下内容: 对于DOM树中具有ID的给定HTMLElement,可以使用其ID作为变量名来检索div。所以对于像 <div id="example">some text</div> 在Internet Explorer 8和Chrome中,您可以执行以下操作: alert(example.innerHTML); //=> 'some text' 要么 alert(window['example'].innerHTML); //=> 'some text' 那么,这是否意味着DOM树中的每个元素都将转换为全局名称空间中的变量?这是否还意味着可以使用它代替getElementById这些浏览器中的方法?

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已定义,但不是其中的某些变量。 有任何想法吗? 附言:如果可能的话,我宁愿避免使用jQuery。

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 …

6
通过类和ID获取元素内部的元素-JavaScript
好的,我以前涉猎过JavaScript,但是我写的最有用的东西是CSS样式切换器。所以我对此有些陌生。假设我有这样的HTML代码: <div id="foo"> <div class="bar"> Hello world! </div> </div> 我将如何更改“ Hello world!” 向“再见的世界!” ?我知道document.getElementByClass和document.getElementById的工作方式,但我想更具体一点。抱歉,以前是否有人问过。

5
在iFrame jQuery中选择元素
在我们的应用程序中,我们解析一个网页并将其加载到iFrame中的另一个页面中。该加载页面中的所有元素都有其令牌标识。我需要通过那些tokenid -s选择元素。意思是-我单击主页上的元素,然后在iFrame中选择页面中的相应元素。在jQuery的帮助下,我通过以下方式进行操作: function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } 但是,使用此功能,我只能选择当前页面中的元素,而不能选择iFrame中的元素。谁能告诉我如何在加载的iFrame中选择元素? 谢谢。

16
无法读取null的属性“ addEventListener”
我必须在项目中使用香草JavaScript。我有一些功能,其中一个是打开菜单的按钮。它适用于存在目标ID的页面,但会导致不存在该ID的页面出现错误。在这些函数无法找到ID的页面上,我收到“无法读取属性'addEventListener'为null”的错误,其他函数均无效。 以下是打开菜单的按钮的代码。 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,但不能完全确定。

7
如何使用JavaScript获得getElementByClass而不是GetElementById?
我试图根据每个DIV的类别切换网站上某些DIV元素的可见性。我正在使用基本的JavaScript代码片段进行切换。问题在于该脚本仅使用getElementById,而getElementByClassJavaScript不支持。不幸的是,我必须使用类而不是id来命名DIV,因为DIV名称是由我的XSLT样式表使用某些类别名称动态生成的。 我知道某些浏览器现在支持getElementByClass,但是由于Internet Explorer不支持,所以我不想走这条路。 我发现脚本使用函数来按类获取元素(例如此页面上的#8:http : //www.dustindiaz.com/top-ten-javascript/),但是我不知道如何集成它们与我的切换脚本一起使用。 这是HTML代码。DIV本身缺失,因为它们是在XML / XSLT页面加载时生成的。 主要问题:如何获取下面的Toggle脚本按类而不是按ID获取Element? <html> <head> <!--This is the TOGGLE script--> <script type="text/javascript"> <!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } //--> </script> </head> <!--the XML/XSLT page contents will be loaded here, with …

8
基于部分字符串的Javascript getElementById
我需要获取元素的ID,但该值是动态的,只有它的开头始终是相同的。 这是一段代码。 <form class="form-poll" id="poll-1225962377536" action="/cs/Satellite"> ID始终以poll-数字开头,然后数字是动态的。 如何仅使用JavaScript而不使用jQuery获得ID?

6
JavaScript追加子元素AFTER元素
我想使用javascript在ul元素内的另一个li后面附加一个li元素,这是我到目前为止的代码。 var parentGuest = document.getElementById("one"); var childGuest = document.createElement("li"); childGuest.id = "two"; 我熟悉appendChild, parentGuest.appendChild(childGuest); 但是,这会将新元素附加在另一个元素内部,而不是之后。如何在现有元素之后追加新元素?谢谢。 <ul> <li id="one"><!-- where the new li is being put --></li> <!-- where I want the new li --> </ul>

5
如何使用document.getElementById在iframe中选择元素
我有iframe这样的 <iframe name="myframe1" id="myframe1" width="100%" height="100%" src="a.html"> <html> <head></head> <frameset name="myframe2" cols="0%, 100%" border="0" frameBorder="0" frameSpacing="0"> <frame name="page1" src="c.html" scrolling="no"></frame> <frame name="page2" src="d.html" > <html> <head></head> <body id="top"> <div id="div1"> <div id="div2"> <div id="div3"> <ul id="x"> <li>a</li> <li>b</li> </ul> </div> </div> </div> </body> </html> </frame> </frameset> </html> </iframe> 我想引用元素“ x”。我尝试了几种方法,但是找不到解决方案。
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.