简单前端知识——JavaScript08

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>

---

&gt;是大于>,&lt;是小于<

---

<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>