js中怎么给HTML中的text赋值并且在页面显示呢

JavaScript012

js中怎么给HTML中的text赋值并且在页面显示呢,第1张

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

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

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

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

文本框的内容赋值以$("#text").val("文本框内容")的形式来做。

关于赋予属性则是

$("#text").attr("属性名","属性值")的形式来做。

$("#text")代指通过单行文本框input或多行文本textarea的ID来获取该文本框

textarea标签是成对出现的,以<textarea>开 始,以</textarea>结束属性:Common -- 一般属性cols -- 多行输入域的列数rows -- 多行输入域的行数alt -- 代表表单的提示文字,当鼠标停留时accesskey -- 表单的快捷键访问方式disabled -- 输入域无法获得焦点,无法选择,以灰色显示,在表单中不起任何作用readonly -- 输入域可以选择,但是无法修改tabindex -- 输入域,使用"tab"键的遍历顺序引用网址:http://www.dreamdu.com/xhtml/tag_textarea/没见value属性,但实际还可用,赋值时用innerText、innerHTML、value都可以,如下:<html><head></head><script type="text/javascript">function changeTextArea(){document.getElementByIdx_x("myTextArea").innerText=document.getElementByIdx_x("myTextArea").innerText+"\ninnerText is ok!"document.getElementByIdx_x("myTextArea").innerHTML=document.getElementByIdx_x("myTextArea").innerText+"\ninnerHTML is ok!"document.getElementByIdx_x("myTextArea").value=document.getElementByIdx_x("myTextArea").innerText+"\nvalue is ok!"}</script><body><textarea name= "myTextArea" cols= "80 " rows= "10 ">原始值</textarea><input type="button" value="按钮" onclick="changeTextArea()"/></body></html>