Javascript getElementById<;img>;
我想知道是否有一种方法可以通过使用getElementById访问图像的onclick属性 e、 g 这些变量是存储的,所以我想知道是否也有方法访问相关的onclick事件Javascript getElementById<;img>;,javascript,getelementbyid,Javascript,Getelementbyid,我想知道是否有一种方法可以通过使用getElementById访问图像的onclick属性 e、 g 这些变量是存储的,所以我想知道是否也有方法访问相关的onclick事件 谢谢。当然,要设置onclick属性: document.getElementById('topicID').onclick = function () { ... }; 或者要得到它: alert(document.getElementById('topicID').onclick); 当然,要设置onclick
谢谢。当然,要设置onclick属性:
document.getElementById('topicID').onclick = function () {
...
};
或者要得到它:
alert(document.getElementById('topicID').onclick);
当然,要设置onclick属性:
document.getElementById('topicID').onclick = function () {
...
};
或者要得到它:
alert(document.getElementById('topicID').onclick);
可以使用element.getAttribute(attributeName)方法获取任何DOM属性值
正如@box9所说,您需要动态绑定onclick事件或通过图像标记中的onclick属性进行绑定。您可以使用element.getAttribute(attributeName)方法获取任何DOM属性值
正如@box9所说,您需要动态地或通过图像标记中的onclick属性绑定onclick事件。记住
onclick
实际上是什么很重要:它是一个属性(和一个反射属性),可以使用旧的“DOM0”(例如,从未标准化)将处理程序附加到click
事件机制
如果使用标准化机制(如addEventListener
或IE的近似等效attachEvent
)附加单击处理程序,则onclick
将保持null
或未定义
,因为它们未分配给onclick
属性或属性
下面是对这种差异的探索():
HTML:
Chrome上的输出:
Attached DOM2-style handler to dom2img via addEventListener
dom0img.onclick = function onclick(event) { dom0click(this); }
dom2img.onclick = null
通过addEventListener将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数onclick(事件){dom0click(this);}
dom2img.onclick=null
IE6和IE8上的输出:
Attached DOM2-style handler to dom2img via attachEvent
dom0img.onclick = function anonymous() { dom0click(this); }
dom2img.onclick = null
通过attachEvent将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数匿名(){dom0click(this);}
dom2img.onclick=null
Firefox上的输出:
Attached DOM2-style handler to dom2img via addEventListener
dom0img.onclick = function onclick(event) { dom0click(this); }
dom2img.onclick = undefined
通过addEventListener将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数onclick(事件){dom0click(this);}
dom2img.onclick=undefined记住onclick
实际上是什么很重要:它是一个属性(和一个反射属性),可用于使用旧的“DOM0”(例如,从未标准化)机制将处理程序附加到click
事件
如果使用标准化机制(如addEventListener
或IE的近似等效attachEvent
)附加单击处理程序,则onclick
将保持null
或未定义
,因为它们未分配给onclick
属性或属性
下面是对这种差异的探索():
HTML:
Chrome上的输出:
Attached DOM2-style handler to dom2img via addEventListener
dom0img.onclick = function onclick(event) { dom0click(this); }
dom2img.onclick = null
通过addEventListener将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数onclick(事件){dom0click(this);}
dom2img.onclick=null
IE6和IE8上的输出:
Attached DOM2-style handler to dom2img via attachEvent
dom0img.onclick = function anonymous() { dom0click(this); }
dom2img.onclick = null
通过attachEvent将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数匿名(){dom0click(this);}
dom2img.onclick=null
Firefox上的输出:
Attached DOM2-style handler to dom2img via addEventListener
dom0img.onclick = function onclick(event) { dom0click(this); }
dom2img.onclick = undefined
通过addEventListener将DOM2样式处理程序附加到dom2img
dom0img.onclick=函数onclick(事件){dom0click(this);}
dom2img.onclick=undefinedi尝试了get方法,但由于某些原因,每次都返回null。我正在检查我是否打错了电话。源代码和标题有效,所以我不确定我做错了什么。@iEisenhower-是否有onclick值?如果没有,它将返回未定义的。我想你们都给了我足够的线索来帮助我调查这个问题。谢谢。我尝试了get方法,但由于某些原因每次都返回null。我正在检查我是否打错了电话。源代码和标题有效,所以我不确定我做错了什么。@iEisenhower-是否有onclick值?如果没有,它将返回未定义的。我想你们都给了我足够的线索来帮助我调查这个问题。谢谢。请注意:单击
是一项活动onclick
是一个处理程序。@Alin:onclick
是一个属性,也是一个属性(属性反映属性);您分配给它的是一个处理程序。@Alin@T.J.Crowderonclick
既不是属性也不是处理程序。它是一个变量,当在元素对象的上下文中解释时,它是一个指向处理程序的属性。@T.J.Crowder您所说的就像是说如果您有var fn=function(){}
,那么fn
就不是一个函数。@box9:“onclick
既不是属性也不是…”这让W3C有些吃惊:它说它们“…必须由所有HTML元素支持,因为内容属性和IDL属性都是…”(“IDL属性”是我们通常称之为“反射属性”):.请注意:单击
是一个事件onclick
是一个处理程序。@Alin:onclick
是一个属性,也是一个属性(属性反映属性);您分配给它的是一个处理程序。@Alin@T.J.Crowderonclick
既不是属性也不是处理程序。它是一个变量,当在元素对象的上下文中解释时,它是一个指向处理程序的属性。@T.J.Crowder您所说的就像是说如果您有var fn=function(){}
,那么fn
不是一个函数。@box9:“onclick
既不是属性也不是…”这会让W3C感到惊讶:它说它们“…必须由所有HTML元素支持,因为内容属性和IDL属性都是…”(“IDL属性”是我们通常称之为“反射属性”)+1。您说onclick将保持null
。它将被设置为null
还是“保持”未定义?@box9:这取决于浏览器。(我刚刚添加了undefined
,因为我在Firefox结果中看到了这一点。)在大多数浏览器上,属性的默认值似乎是null
。+1。你说onclick将保持nul