document.getElementById("元素的id")是前端开发中最有用的方法之一,是面向对象的体现。其能获取指定id的HTML元素,是Javascript的重要方法。
例如,它能实现对某HTML元素中的值进行修改,或者实现讲Javascript中的变量值传递到HTML表单中,再提交到服务器端的Java或PHP当中,实现前端Javascript变量与后台的Java或PHP变量间的间接传递。
【代码】--按按钮,获取IC的值。
<script language = 'javascript'>
function changeValue(){
var obj = document.getElementById("IC")
obj.value = "高通移动芯片-snapdragon msm8255"
}
</script>
<input type = "button" value = "点击我获取芯片值" id="IC" name = "IC" onclick = "changeValue()" />
再例
【代码】--控制SELECT标签所选项和只读功能:
document.getElementById("某SELECT标签id").value = 某option中的值
document.getElementById("某SELECT标签id").disabled = true(或者false)
这个功能可以应用在某些表单修改中,不允许用户修改原来已经填写好的部分资料。