Tag: getelementbyid

无法读取null的属性“addEventListener”: 我必须使用香草JavaScript的一个项目。我有几个function，其中之一是打开菜单的button。它在存在目标标识的页面上工作，但在标识不存在的页面上导致错误。在那些function无法findid的页面上，我收到“无法读取属性”addEventListener“空”错误，我的其他function都没有工作。下面是打开菜单的button的代码。 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语句，以便仅在特定页面上searchid，但不能确定。相当新的Javascript。预先感谢您的帮助，并让我知道，如果额外的代码将使这更容易回答。

使用jquery删除给定的ID的所有元素: 我有几个跨度与id =“myid”的表单。我希望能够从DOM中删除所有具有此ID的元素，我认为jQuery是最好的方法。我想通过简单的做法，如何使用$ .remove（）方法去除这个id的一个实例： $('#myid').remove() 但当然这只是删除了myid的第一个实例。如何迭代myid的所有实例并将其全部删除？我认为jquery $ .each（）方法可能是这样的，但我无法找出语法来遍历myid的所有实例，并将其全部删除。如果有一个干净的方法与常规的JS（不使用jQuery）做到这一点，我也打开了。也许问题是，身份证应该是独特的（即你不应该有多个ID =“myid”元素）？谢谢，克里斯

如何使用document.getElementByIdselectiframe中的元素: 我有这样的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”。我尝试了几种方法，但我找不到解决scheme。

Javascript追加子元素之后: 我想添加一个li元素，在使用javascript的ul元素里面的另一个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>

通过类和ID获取元素里面的元素 – JavaScript: 好吧，之前我已经涉足JavaScript，但是我写的最有用的东西是CSS样式切换器。所以我对这个有点新鲜比方说，我有这样的HTML代码： <div id="foo"> <div class="bar"> Hello world! </div> </div> 我将如何改变“Hello world！” 到“再见的世界！” ？我知道如何document.getElementByClass和document.getElementById工作，但我想得到更具体的。对不起，如果这之前已经问过。

在iFrame jQuery中select一个元素: 在我们的应用程序中，我们parsing一个网页并将其加载到iFrame中的另一个页面中。该加载的页面中的所有元素都有它们的tokenid-s。我需要通过那些tokenid-s来select元素。手段 – 我点击主页上的一个元素，并在页面中select相应的元素在iFrame中。在jQuery的帮助下，我按照以下的方式来做： function selectElement(token) { $('[tokenid=' + token + ']').addClass('border'); } 但是，使用这个function，我只能select当前页面中的元素，而不是在iFrame中。任何人都可以告诉我如何select加载的iFrame中的元素？谢谢。

获取元素的父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是被定义的，而不是它的某些variables。有任何想法吗？ PS我宁愿避免jQuery如果可能的话。

JavaScript getElementByID（）不工作: 为什么refButton在下面的JavaScript代码中得到null ？ <html> <head> <title></title> <script type="text/javascript"> var refButton = document.getElementById("btnButton"); refButton.onclick = function() { alert('I am clicked!'); }; </script> </head> <body> <form id="form1"> <div> <input id="btnButton" type="button" value="Click me"/> </div> </form> </body> </html>

getElementById返回null？: document.getElementById('id of div that definately exists')返回null。我原来最后加载了JavaScript，以确保我不需要担心onload事件。我也尝试使用onload事件。这是非常恐怖的。任何想法或帮助将不胜感激。

即使元素存在，getElementById（）也会返回null: 我试图用getElementById（）来获取元素，但即使元素存在，它也会返回null。我究竟做错了什么？ <html> <head> <title>blah</title> <script type="text/javascript"> alert(document.getElementById("abc")); </script> </head> <body> <div id="abc"> </div> </body>