第三天：购物车3.0----DOM

　　DOM对象模型：将HTML文件看做一个节点树，每一个标签和文字都是一个节点。DOM模型可以取到每一个HTML标签内容。

　　用javascript获取html文件的标签：

　　　　<script language="javascript">

　　　　　　　function show(){

　　　　　　　　　　//获取每一个节点

　　　　　　　　　　var htmlElement = document.documentElement;　　　　

　　　　　　　　　　var headElement = htmlElement.getElementsByTagName("head")[0];

　　　　　　　　　　。。。。

 

}

　　　　</script>

就是用DOM可以对HTML页面中的标签进行动态操作。

　获取方式，顺序，name，tag，id

购物车3.0

　　　　购物车页面中，添加复选框，当复选框选中时，自动添加到选中金额中

　　　<c:foreach ...>

　　　　　　//添加复选框

　　　　　　<td>

　　　　　　//用value来记录每一件商品的总价格

　　　　　　<input type="checkbox" name="checkbox" value="${gsd.getGs.getGood_price*gsd.getCount }" onclick="selectMoney()"/>

　　　　　　...

　　　　　　</td>

 

　　　　//创建一个标签，显示选中金额

　　　　<input type="text" value="sum" id="money"/>

　　　</c:foreach>

　　　　<script language="javascript">

　　　　　　function selectMoney(){

　　　　　　　　var sum = 0;

　　　　　　　　var checkboxs = document.getElementsByName("checkbox");

　　　　　　　　for(var i=0;i<checkboxs.length;i++){

　　　　　　　　　　if(checkboxs[i].checked==ture){

　　　　　　　　　　　　sum = sum +parseInt(checkboxs[i].value);

　　　　　　　　　　}

　　　　　　　　}

　　　　　　　　//获取显示金额的标签，并更改他的value值

　　　　　　　　document.getElementById("money").value = sum;

　　　　　　}

　　　　</script>

ps：今天状态不好，学习效果不佳。