❶ 用js動態增加的控制項如何添加onclick方法
functionadd(e){
varcontainer=document.getElementById('content');
vartext=document.getElementById(e).innerHTML;
varnewNode=document.createElement("span");
newNode.innerHTML=text;
container.appendChild(newNode);
varui=document.getElementById(e);
ui.style.visibility="hidden";
//加上這段就可以了
newNode.onclick=function(){
container.removeChild(this);
ui.style.visibility="visible";
}
}
❷ js 表格的每一行都有一個按鈕 點擊按鈕修改當前行某一列的信息
1、首先,新建一個測試網頁,網頁中主要添加有可視控制項表格<table>和按鈕<button>。
❸ 看看這段JS 後台動態添加的控制項 想在前台修改此控制項的ID 卻一直修改不了
nextUnitl不對吧,只有next和nextAll的吧
其次,還有對this的使用是不對的
2層循環都用了this會出問題的
❹ JS 中的appendChild()方法動態添加控制項,不刷新時實現了添加,刷新後就還原界面啦,代碼如下
你好,
如題描述的結果是必然的。
首先,你需要明白兩個問題:第一,js瀏覽器端腳本,執行在服務端內容響應成功之後,它的appendChild方法,只是在瀏覽器中進行了操作,並未向伺服器發送保存請求(命令);第二,當你刷新頁面的時候,你實際上是通過瀏覽器向伺服器發送了一個請求,而當請求完成後你看到的界面是從服務端返回來的,並不是由瀏覽器直接產生。
明白了這兩點,我給你舉個例子說明下:
我們假設服務端有一個html文件,名為index.html,它包含題中所述的那段js
當你刷新頁面的時候,index.html 的內容被請求到了瀏覽器,這時瀏覽器將它的內容顯示給你
當頁面顯示完成(這里要看你js的位置或調用方式)之後,客戶端js開始執行,將button添加到瀏覽器顯示的內容中
而這時,伺服器上index.html文件的內容並沒有發生改變
所以當你再次刷新,從伺服器取index.html的時候,頁面內容就恢復到最初狀態了。
希望說清楚了,如有疑問歡迎追問,望採納~