亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

調(diào)用innerHTML之后onclick失效問題的解決方法

 更新時間：2014年01月28日 15:04:10   作者：  
調(diào)用innerHTML之后，onclick失效了，這也是在意料之中的，因?yàn)閕nnerHTML是以文本形式插入的button，所以無法識別onclick事件

最近再寫一個項(xiàng)目，用到了innerHTML，但是呢，發(fā)現(xiàn)調(diào)用innerHTML之后，onclick失效了，這也是在意料之中的，因?yàn)閕nnerHTML是以文本形式插入的button，所以無法識別onclick事件，所我們只有另找出路了，我們不能直接實(shí)現(xiàn)，但是可以間接實(shí)現(xiàn)，下面就舉個例子：

例子一：該例子是無法實(shí)現(xiàn)的onclick的

復(fù)制代碼 代碼如下:

<html>
<head>
<script defer>
function insCell(th)

var name=th.name;
var id=th.id;
if(name=="no"){
id.innerHTML="<input type='button' onclick='insCall(this)' value='上線'
name='no' id='1'>";


}else{
id.innerHTML="<input type='button' onclick='insCall(this)' value='下線'
name='yes' id='1'>";





}
</script>
</head>
<body>


<br />
<span id="msg">
<input type="button" onclick="insCall(this)" value="下線" name="yes" id="1">
</span>
</body>
</html>

上面的例子是，根據(jù)button的name判斷是上線，還是下線~~~我們發(fā)現(xiàn)，當(dāng)點(diǎn)擊第一次之后，再點(diǎn)擊就無效了~~~~~~

這時候我們可以變相的實(shí)現(xiàn)，如下：
復(fù)制代碼 代碼如下:

<html>
<head>
<script defer>
function insCell(th)
{
var name=th.name;
var id=th.id;
alert(name+"--"+id);
var span=document.getElementById(id);
if(name=="no"){

span.innerHTML="<input type='button' value='下線'>";
span.name="yes";
}else{
span.innerHTML="<input type='button' value='上線'>";
span.name="no";
}
}
</script>
</head>
<body>


<br />
<span id="1" onclick="insCell(this)" name="no">
<input type="button" value="上線">
</span>
</body>
</html>

相關(guān)文章

  • JS替換文本域內(nèi)的回車示例

    JS替換文本域內(nèi)的回車示例

    這篇文章主要介紹了JS如何替換文本域內(nèi)的回車,需要的朋友可以參考下
    2014-02-02
  • JavaScript實(shí)現(xiàn)簡易的水印覆蓋功能

    JavaScript實(shí)現(xiàn)簡易的水印覆蓋功能

    本文將簡單實(shí)現(xiàn)一個覆蓋水印的小功能，水印一般都是添加在圖片上，然后直接加載處理過的圖片url即可，這里并沒有修改圖片，而是直接的在待添加水印的?dom?上添加一個?canvas?蒙版，需要的可以參考一下
    2022-12-12
  • js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果

    js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果

    這篇文章主要為大家詳細(xì)介紹了js面向?qū)ο蠓绞綄?shí)現(xiàn)拖拽效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
    2021-03-03
  • 深入理解JS DOM事件機(jī)制

    深入理解JS DOM事件機(jī)制

    下面小編就為大家?guī)硪黄钊肜斫釰S DOM事件機(jī)制。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-08-08
  • javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實(shí)例詳解

    javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù)實(shí)例詳解

    這篇文章主要介紹了javascript動態(tài)創(chuàng)建表格及添加數(shù)據(jù),以實(shí)例形式分析了javascript動態(tài)創(chuàng)建表格的常用方法,包括不兼容IE6與兼容IE6的實(shí)現(xiàn)方法,非常具有實(shí)用價值,需要的朋友可以參考下
    2015-05-05
  • Javascript節(jié)點(diǎn)關(guān)系實(shí)例分析

    Javascript節(jié)點(diǎn)關(guān)系實(shí)例分析

    這篇文章主要介紹了Javascript節(jié)點(diǎn)關(guān)系,實(shí)例分析了javascript操作父子節(jié)點(diǎn)及兄弟節(jié)點(diǎn)的相關(guān)技巧,需要的朋友可以參考下
    2015-05-05

    • 最新評論