<button onclick="insert()">Click to insert</button>
<hr id="start">
<hr id="end">
我写了一个JavaScript函数,插入两个水平之间的规则一个div:在函数内包含变量赋值?
<script type="text/javascript">
var element = document.createElement("div");
var element_content = document.createTextNode("This is a newly added row!");
element.appendChild(element_content);
var sibling = document.getElementById("end")
var parent = document.getElementById("start").parentNode;
function insert(){
parent.insertBefore(element,sibling);
}
</script>
然而,当我按一下按钮第二次,没有div的插入。我必须包括以点击按钮的第二次所有函数内部的变量赋值都在div插入:
<script type="text/javascript">
function insert(){
var element = document.createElement("div");
var element_content = document.createTextNode("This is a newly added row!");
element.appendChild(element_content);
var sibling = document.getElementById("end")
var parent = document.getElementById("start").parentNode;
parent.insertBefore(element,sibling);
}
</script>
有人能解释为什么我的第一个方法并不允许第二格是点击按钮后插入?