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:今天状态不好,学习效果不佳。