我正在尝试使用getElementById()获取元素,但即使元素存在,它也会返回null.我究竟做错了什么？
<html>
<head>
<title>blah</title>
<script type="text/javascript">
alert(document.getElementById("abc"));
</script>
</head>
<body>
<div id="abc">
</div>
</body>
当你应该使用document.all与document.getElementById？
我开始使用的所有浏览器都允许id="myDiv"通过简单地编写来访问元素:
myDiv
见这里:http://jsfiddle.net/L91q54Lt/
无论如何,这种方法似乎记录很少,事实上,我遇到的来源甚至没有提及,而是假设有人会使用
document.getElementById("myDiv")
或者可能
document.querySelector("#myDiv")
即使在事先知道其ID(即不在运行时计算)时也要访问DOM元素.我可以说,后者的方法具有保持代码安全的优势,如果有人无意中尝试myDiv在更广泛的范围内重新定义(虽然不是这么好的想法......),用一些不同的值覆盖它并继续而没有注意到冲突.
但其他那个呢？除了代码设计之外,使用上面的简短形式是否有任何问题,或者我在这里缺少什么？
我有一个带有几个跨度的表单,id ="myid".我希望能够从DOM中删除具有此id的所有元素,我认为jQuery是最好的方法.我想出了如何使用$ .remove()方法删除此id的一个实例,只需执行以下操作:
$('#myid').remove()
但当然这只会删除myid的第一个实例.如何迭代所有myid实例并将其全部删除？我认为jquery $ .each()方法可能就是这样,但是我无法弄清楚迭代myid所有实例的语法并将它们全部删除.
如果有一个干净的方法来使用常规JS(不使用jQuery),我也对此持开放态度.也许问题是id应该是唯一的(即你不应该有多个id ="myid"的元素)？
谢谢,
克里斯
document.getElementById('id of div that definately exists') 返回null.
我最初加载了javascript以确保我不需要担心onload事件.我也尝试过使用onload事件.这非常怪异.任何想法或帮助将不胜感激.
vue.js是否有document.getElementById('#id')类似JQuery的速记$('#id')？
如果是这样,在文档中对此的引用在哪里,以便我可以找到其他信息？
我有一个XHTML页面,其中每个HTML元素都有一个唯一的自定义属性,如下所示:
<div class="logo" tokenid="14"></div>
我需要一种方法来通过ID找到这个元素,类似于document.getElementById(),但我不想使用通用ID,而是想使用我的自定义"tokenid"属性搜索元素.像这样的东西:
document.getElementByTokenId('14');
那可能吗？如果是 - 任何提示都将非常感激.
谢谢.
我正在学习jQuery并且正在学习一个教程,一个非常奇怪的错误困扰着我.这是我的HTML:
<!doctype html>
<html>
<head>
<title> Simple Task List </title>
<script src="jquery.js"></script>
<script src="task-list.js"></script>
</head>
<body>
<ul id="tasks">
</ul>
<input type="text" id="task-text" />
<input type="submit" id="add-task" />
</body>
</html>
和jQuery:
$(document).ready(function(){
//To add a task when the user hits the return key
$('#task-text').keydown(function(evt){
if(evt.keyCode == 13)
{
add_task(this, evt);
}
});
//To add a task when the user clicks on the submit button
$("#add-task").click(function(evt){
add_task(document.getElementByID("task-text"),evt);
});
});
function add_task(textBox, evt){
evt.preventDefault();
var taskText = textBox.value;
$("<li>").text(taskText).appendTo("#tasks");
textBox.value = "";
}; …DOM是否有一个元素的哈希表,其键是元素'ID？
我想知道是document.getElementById查找哈希表还是遍历整个树.
这种行为在浏览器中有所不同吗
为什么refButton要null使用以下JavaScript代码？
<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>