每天一個JavaScript執行個體-從一個div元素刪除一個段落，javascriptdiv
<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>每天一個JavaScript執行個體-從一個div元素刪除一個段落</title><style>p{padding:20px;margin:10px 0;width:400px;background-color:#eef;}</style><script>window.onload = function(){var paras = document.getElementsByTagName("p");for(var i=0;i<paras.length;i++){paras[i].onclick = prun;}}function prun(){var parent = this.parentNode;console.log(parent);parent.removeChild(this);alert("paras" + document.getElementsByTagName("p").length);}</script></head><body><div id = "date"><p>one</p><p>two</p><p>three</p><p>four</p><p>five</p></div></body></html>
這是甚麼？
divHtmlArr 為何用陣列裝載 HTML
好像運作不了的吧？
問一下 LZ 可以用 JQuery 做這個按鈕嗎？
使用javascript 建立一個新div元素插入到 id="parent"元素的內部作為其子節點
可以直接建立一個DIV
var objDiv = document.getElementById("parent").innerHTML = "<div></div>";
直接在Parent的這個ID下面插入一對DIV標記就可以了。
另外還有一種方法就是：（這種方法是我在網上看到的我沒實踐過）
JavaScript代碼
1. //建立div
2. var objDiv = document.createElement("div");//div建立成功
3. //給div中新增內容
4. objDiv.innerHTML = "javascript執行個體--技術之家，歡迎您";
5. //控制div的隱藏
6. objDiv.style.display = "none";
7. //控制div的顯示
8. objDiv.style.display = ""
希望我的回答對你有協助。
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
