如何让这段插入的innerHTML 里动态赋予的函数跑起来！

deninghe 2007-04-03 11:58:09

<BODY>
<input type="button" onclick="show();" value="Click"/>
<div id="div1">

</div>
<div id="div2">
<ul>
<li>Test1</li>
<li>Test1</li>
<li>Test1</li>
</ul>
</div>
<script>
function $(obj){
return document.getElementById(obj);
}
function show(){
$("div1").innerHTML = $("div2").innerHTML; //填充到div1
bindEvt($("div2"));
}
function bindEvt(obj){
var lis = obj.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++){
//alert(lis[i].innerHTML);
lis[i].onclick = function (){ //给innerHTML的Li绑定事件但是不运行，怎么让它运行起来呢
alert(lis[i].innerHTML);
}
}
}
</script>
</BODY>

...全文

408 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

ice_berg16 2007-04-03

打赏
举报

回复

alert(lis[i].innerHTML)
=>
alert(this.innerHTML)

rjzou2006 2007-04-03

打赏
举报

回复

<script language="JavaScript1.2">
function $(obj){
return document.getElementById(obj);
}
function show(){
$("div1").innerHTML = $("div2").innerHTML; //填充到div1
bindEvt($("div2"));
}
function bindEvt(obj){
var lis = document.all.tags("li");
//alert(lis[i].innerHTML);
for (var i = 0; i < lis.length; i++){
lis[i].onclick = function (){ //给innerHTML的Li绑定事件但是不运行，怎么让它运行起来呢
alert(event.srcElement.innerHTML);
}
}
}
</script>

<BODY>
<FORM METHOD=POST ACTION="">
<input type="button" onclick="show();" value="Click">
<div id="div1"></div>
<div id="div2">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</div>
</FORM>

"alert(lis[i].innerHTML);"
这样子写是错误的,
当给li加了一个onclick的时候,
点击就不存在i的值了.

hbhbhbhbhb1021 2007-04-03

打赏
举报

回复

<BODY>
<input type="button" onclick="show();" value="Click"/>
<div id="div1">

</div>
<div id="div2">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</div>
<script>
function $(obj){
return document.getElementById(obj);
}
function show(){
$("div1").innerHTML = $("div2").innerHTML; //填充到div1
bindEvt($("div2"));
}
function bindEvt(obj){
var lis = obj.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++){
//alert(lis[i].innerHTML);
lis[i].onclick = function (){ //给innerHTML的Li绑定事件但是不运行，怎么让它运行起来呢
alert(this.innerHTML);
}
}
}
</script>
</BODY>

CNBlauhimmel 2007-04-03

打赏
举报

回复

<BODY>
<input type="button" onclick="show();" value="Click"/>
<div id="div1">

</div>
<div id="div2">
<ul>
<li>Test1</li>
<li>Test2</li>
<li>Test3</li>
</ul>
</div>
<script>
function $(obj){
return document.getElementById(obj);
}
function show(){
$("div1").innerHTML = $("div2").innerHTML; //填充到div1
bindEvt($("div2"));
}
function bindEvt(obj){
var lis = obj.getElementsByTagName("li");
for (var i = 0; i < lis.length; i++){
lis[i].onclick = function(){alert(this.innerHTML)};
}
}
</script>
</BODY>

CNBlauhimmel 2007-04-03

打赏
举报

回复

测试

rjzou2006 2007-04-03

打赏
举报

回复

event.srcElement.innerHTML

面试宝典一、HTML和CSS 211. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 212. 每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 213. Quirks模式是什么？它和Standards模式有什么区别 214. div+css的布局较table布局有什么优点？ 225. img的alt与titl...

原文：Advanced Game Design with HTML5 and JavaScript 协议：CC BY-NC-SA 4.0 五、让东西动起来快谢幕了！你的小精灵们都打扮好了，他们背好了台词，准时到达排练厅，耐心地站在舞台上等着你指挥他们。现在怎么办？你需要让它们生动起来！游戏中有两种主要的精灵动画制作方式: 脚本动画:让精灵在屏幕上移动。关键帧动画:改变精灵的外观。显示一系列略有不同的预渲染图像，就像绘制手绘卡通或动画书一样。关键帧动画是关于动画精灵的外观，而脚本动画是关于动画

前端面试题汇总一、HTML和CSS 171、你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么? 172、每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？ 173、Quirks模式是什么？它和Standards模式有什么区别 174、div+css的布局较table布局有什么优点？ 195、 img的alt与title有何异同？ strong与em的异...

FIBER REACT 什么是不可变值函数式编程是指程序里面的函数和表达式都能像数学中的函数一样，给定了输入值，输出是确定的。比如 let a = 1; let b = a + 1; => a = 1 b = 2; 变量b出现，虽然使用了变量a的值，但是没有修改a的值。再看我们熟悉的react中的代码，假如初始化了this.state = { count: 1 } componentDidMount() { const newState = { ...state, count: 2

JavaScript 是一种面向对象的动态语言，它的语法来源于 Java 和 C，所以这两种语言的许多语法特性同样适用于 JavaScript。需要注意的一个主要区别是 JavaScript 不支持类，类这一概念在 JavaScript 通过对象原型（object prototype）得到延续（有关 ES6 类的内容参考这里Classes）。另一个主要区别是 JavaScript ...

87,996

社区成员

224,708

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章