HTML的节点树
创建节点添加节点是省市联动的解决方案之一
创建节点:document.createElement
创建文本节点:document.createTextNode
添加节点:appendChild
<script>
function dianwo(){
var div = document.getElementById("div1");
//创建元素节点
var p = document.createElement("p");
//创建文件节点
var textNode = document.createTextNode("文本内容");//文本内容
//将p 和文本内容关联起来
p.appendChild(textNode); //<p>文本</p>
//将p添加到目标div中
div.appendChild(p);
}
</script>
>是大于>,<是小于<
<select multiple = "multiple">显示多行
select下拉列表
multiple允许多选
ondblclick双击事件
把右边选项添加到右边
<script>
function selectOne(){
//1. 获取左边Select中被选中的元素
var leftSelect = document.getElementById("leftSelect");
var options = leftSelect.options;
//找到右侧的Select
var rightSelect = document.getElementById("rightSelect");
//遍历找出被选中的option
for(var i=0; i < options.length; i++){
var option1 = options[i];
if(option1.selected){
//2. 将选中的元素添加到右边的Select中就可以
rightSelect.appendChild(option1);
}
}
}
</script>