如何用js实现给某个文本框赋值?

JavaScript05

如何用js实现给某个文本框赋值?,第1张

用js实现给某个文本框赋值,可以先在js中获得文本框的元素,如

document.getElementsByName("result")[0]

然后把它的value属性赋值,如

document.getElementsByName("result")[0].value = 10

这是测试页面

其中

<input type="text" name="result" disabled="disabled">

这句中的disabled="disabled"就起到令文本框不可编辑变灰的效果。

这3行js代码的意思是,载入界面后,找到名称为result的元素,并给它赋值为10

window.onload = function(){

document.getElementsByName("result")[0].value = 10

}

需要准备的材料分别有:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建html文件,例如:index.html,填写问题基础代码。

2、在index.html中的<script>标签,输入js代码:$('#txt').val('测试内容')。

3、浏览器运行index.html页面,此时会发现html中的text被成功用js赋值了“测试内容”的文本。

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料:编辑器、jquery

1、首先jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下:

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下,审查元素防线class的值已经改为baidu,如下图: