JS中addEventListener不能用的问题
来源:互联网 发布:java三大框架书籍 编辑:程序博客网 时间:2024/05/09 22:32
<head>
</head>
<body>
<div id="name3" style="border:1px solid red;padding:10px 10px 10px 10px;" style="border:1px solid red;padding:10px 10px 10px 10px;">
<div id="name2" style="border:1px solid green;padding:10px 10px 10px 10px;" style="border:1px solid green;padding:10px 10px 10px 10px;">点击</div>
</div>
<div id="info"></div>
<script type="text/javascript"><!--
var name3=document.getElementById('name3'); //要注意
var name2=document.getElementById('name2'); //要注意
var info=document.getElementById('info');
name3.addEventListener('click',function () { info.innerHTML += "红色" + "<br>"; },false);
name2.addEventListener('click',function () { info.innerHTML += "绿色" + "<br>"; },false);
// --></script>
</body>
</html>
以上代码是能用的,但是换了JS代码和Div的位置后,就不能用了
<html>
<head>
</head>
<body>
<script type="text/javascript"><!--
var name3=document.getElementById('name3'); //要注意
var name2=document.getElementById('name2'); //要注意
var info=document.getElementById('info');
name3.addEventListener('click',function () { info.innerHTML += "红色" + "<br>"; },false);
name2.addEventListener('click',function () { info.innerHTML += "绿色" + "<br>"; },false);
// --></script>
<div id="name3" style="border:1px solid red;padding:10px 10px 10px 10px;" style="border:1px solid red;padding:10px 10px 10px 10px;">
<div id="name2" style="border:1px solid green;padding:10px 10px 10px 10px;" style="border:1px solid green;padding:10px 10px 10px 10px;">点击</div>
</div>
<div id="info"></div>
</body>
</html>
- JS中addEventListener不能用的问题
- js中replace函数不能用的问题
- form中 button不能用的问题
- android应用webview时js接口不能用的问题
- goagent不能用的问题
- eclipse中安装入插件后不能用的问题
- 关于IE中getElementsByClassName不能用的问题
- android终端中su命令不能用的问题
- [解决]Yosemite 中 Patch 破解程序不能用的问题
- 解决AndroidStudio中svn不能用的问题
- android Studio ddms中emulator control不能用的问题
- 关于Android studio中httpclient不能用的问题
- android Studio ddms中emulator control不能用的问题
- android Studio ddms中emulator control不能用的问题
- android Studio ddms中emulator control不能用的问题
- php框架中,try,catch不能用的问题
- php框架中,try,catch不能用的问题(转载)
- 在tomcat5 中发布项目,只能用localhost不能用IP地址访问项目的问题
- pat 1032 Sharing
- mVibrator.vibrate(pattern, 2);
- 第一周项目3——成绩录入
- 用DataSet操作XML
- 11级_Java_曹建波 03.05 Struts2的国际化
- JS中addEventListener不能用的问题
- 用Android访问本地站点---(localhost,10.0.2.2)
- 项目一问题三
- java使用代理发送http请求
- Oracle 数据源的配置。在Spring环境中
- 电子信息工程--java的变革
- JDBC连接MySQL数据库及示例
- 7.1.1 除法
- 第一周C++上机任务(年月日)