六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 139|回复: 0

[Web前端应用]--Javascript最有用的方法之一:document.getElementById() 【难度 ★★★】

[复制链接]

升级  80%

10

主题

10

主题

10

主题

童生

Rank: 1

积分
40
 楼主| 发表于 2013-1-29 08:45:47 | 显示全部楼层 |阅读模式
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)

这个功能可以应用在某些表单修改中,不允许用户修改原来已经填写好的部分资料。
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表