当id与嵌套在类似命名的div中的div具有相同的id时,如何通过id引用嵌套div
例如
<div id="obj1">
<div id="Meta">
<meta></meta>
</div>
</div>
<div id="obj2">
<div id="Meta">
<meta></meta>
</div>
</div>
我想获得meta的innerHTML
document.getElementById('obj1').getElementById('Meta').getElementsByTagName('meta')
不起作用
这个函数在我的一个文件中运行但在另一个文件中没有运行,我检查了所有的名字等但是找不到.....
在第一个文件中
<script type="text/javascript" >
function fillDataInCommand()
{
// var abc = document.myApp.getDataForCommand();
var abc ="heelo syed ammar hassan is here";
document.getElementById("commandtextarea").value = abc;
}
</script>
<form id="form1" name="form1" method="post" action="">
<label>
<textarea name="commandtextarea" style="background-color:#CCCCCC" cols="80" rows="20" wrap="off" id="commandtextarea"></textarea>
</label>
</form>
而在另一个;
document.write ("<div align='center'><textarea name='commandtextarea' style='background-color:#EFEFEF' cols ='70' rows='20' rap='off' id='commandtextarea' readonly='readonly'>abc</textarea></div>");
alert(document.getElementById("commandtextarea").value.toString());
我想知道是否有办法通过使用getElementById访问图像的onclick属性？
例如
lastTopic = document.getElementById('topicID').src;
lastTitle = document.getElementById('topicID').title;
这些变量存储,所以我想知道是否有办法访问相关的onclick事件呢？
谢谢.
function showPrice(){
var a = document.getElementById("product_container15");
if (a == "$1,599.00"){
alert(a);
}
else {
alert("$1,499.00");
}
}
这将一直返回$ 1,499.00.我知道我做错了,或者也许有一种完全不同的方式来写这个.如果id为"product_container15",我希望警报显示$ 1,599.00.如果不是那么警报将显示$ 1,499.00.有人能告诉我这是怎么做到的吗？谢谢!
我遇到了getElementById的问题,这让我感到很不舒服.我期望该函数返回对象的引用,并且为了调试的目的,在控制台中显示对象.
问题是它没有,它返回一个字符串,一个恼人的无用字符串.有可能在几小时后尝试解决这个问题我错过了一些明显的东西,但有人可能会指出我正确的方向.
如果直接放在HTML文件中,下面的代码可以工作,但如果在函数中使用,则不会在JSFiddle上测试时不起作用.如果有人可以告诉我为什么它不能在JSFiddle上工作,我希望能让我在洞察力中在插件中实现它.
JSFiddle:http://jsfiddle.net/dYtxq/
非常感谢.
我在下面有这个代码..
<script> document.getElementById('example').style.background-color =
'#FFCC00';
</script>
<div id="example">This is an example.</div>
为什么不起作用？
我正在一个具有继承关系可视化的网站上工作.
我尝试将每个节点框与特定的URL链接起来.Element的html看起来像这样:
<g class="node" id="RootNode" transform="translate(0,453.125)">
我用了
$('#RootNode').click(function(){//do something}
并且
document.getElementById("RootNode").onclick(){//do something}
他们都没有找到元素,也没有设置onclick功能.
我误解了什么吗？任何信息都会有所帮助.谢谢.
在今天之前,我认为getElementById和$('#element')完成了同样的事情.但是,当我尝试以下内容时:
// Assuming I have jQuery imported already
var $scrollHolder = $('#element');
var scrollDiv = document.getElementById("element");
scrollDiv.scrollTop = scrollDiv.scrollHeight;
//$scrollHolder.scrollTop = $scrollHolder.scrollHeight;
评论的行不起作用,并且没有注释的行.上面列出的两种方法是否会返回不同的内容,或者我的代码中是否有错误？评论专线应该有效吗？我很困惑,很欣赏洞察力.谢谢.
我有一个less和prefixfree的网页(它们都是js文件,从我自己的服务器导入)现在,当我尝试导入自定义脚本时,我遇到了问题:
基本的javascript就好
x = "hello world";
alert (x);
工作良好.
但每个引用我的文档的代码都是如此
alert (document.getElementById("content").innerHTML);
给出控制台错误
"document.getElementById("content").innerHTML is undefined"
你知道问题是什么吗？任何建议如何调试这个也是受欢迎的 - 我只是绝望!
编辑
JS文件全部导入了<head>.
我正在研究一种动态添加选择输入/下拉框到页面的解决方案.下面的示例代码可用,如果我给每个选择输入一个唯一的id并使用getElementById()包含一行cod4e到脚本,但如果我使用GetElementsByClassName()则不起作用.
我的目标是使用一个脚本来填充选择输入框,而无需为脚本选择输入和相应代码分配唯一ID.
<select class="p1"></select>
<select class="p1"></select>
<select class="p1"></select>
<script>
var Date1 = "<option>" + new Date(new Date().getTime()+(1*24*60*60*1000)).toDateString() + "</option>";
var Date2 = "<option>" + new Date(new Date().getTime()+(2*24*60*60*1000)).toDateString() + "</option>";
var Date3 = "<option>" + new Date(new Date().getTime()+(3*24*60*60*1000)).toDateString() + "</option>";
var Date4 = "<option>" + new Date(new Date().getTime()+(4*24*60*60*1000)).toDateString() + "</option>";
var Date5 = "<option>" + new Date(new Date().getTime()+(5*24*60*60*1000)).toDateString() + "</option>";
var Date = Date1 + Date2 + Date3 + Date4 + Date5
document.getElementsByClassName("p1").innerHTML = Date;
</script>