Javascript 如何更改文本框中的文本
好的,这是我到目前为止买的小麦。如果有人能帮我。当你点击一个按钮时,我不得不改变背景的颜色。我还必须使用document.getElementById('yourelementid')来查找textarea的值并更改在div中创建的基本文本。但是我不知道如何做,我一直在网上研究。我想我对把东西放在这里有点困惑了,谢谢 这是我到目前为止所拥有的Javascript 如何更改文本框中的文本,javascript,Javascript,好的,这是我到目前为止买的小麦。如果有人能帮我。当你点击一个按钮时,我不得不改变背景的颜色。我还必须使用document.getElementById('yourelementid')来查找textarea的值并更改在div中创建的基本文本。但是我不知道如何做,我一直在网上研究。我想我对把东西放在这里有点困惑了,谢谢 这是我到目前为止所拥有的 <!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Strict//EN" "http
<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http:www.w3.org/1999/xhtml">
<head>
<title>DOM</title>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1" />
<script language="JavaScript">
<!-- Begin
function newbg(thecolor)
{
document.bgColor=thecolor;
}
// End -->
</script>
<body>
<h3>DOM Assignment Examples</h3>
<div>
<form>
<h4>Change background color to:</h4>
<input type="radio" value="White" onclick="newbg('white');">white<br/>
<input type="radio" value="Blue" onclick="newbg('blue');">Blue<br />
<input type="radio" value="Beige" onclick="newbg('Beige');">Beige<br />
<input type="radio" value="Yellow" onclick="newbg('yellow');">Yellow<br />
</form>
</div>
<br />
<br />
<br />
<h4>add text to this box change the text below:</h4>
<TEXTAREA NAME="" ROWS="10" COLS="40" onBlur="blurHandlerRouting">
You will change this text
</TEXTAREA> <br />
<INPUT TYPE="button" NAME="button" Value="Click" onClick="testResults(this.form)">
</body>
</html>
多姆
DOM分配示例
将背景颜色更改为:
白色
蓝色
米色
黄色
将文本添加到此框更改以下文本:
您将更改此文本
要更改背景和文本区域,请尝试以下操作:
function = testResults(){
document.getElementById("yourTextBoxId").style="background:red;"; //Change the background color to red.
document.getElementById("yourTextAreaId").value="your another text for the textarea"
}
的内容可以使用jQuery中的.html()
或vanilla JavaScript中的.innerHTML
进行操作
您的HTML应该包含id=”“
属性:
<textarea id="mytextarea">Text to be changed</textarea>
我不明白。。。当用户点击按钮时,会发生什么?
的内容将传输到。。。什么?我想用一些基本文本创建一个div。创建一个具有文本区域的表单。使用document.getElementById('yourelementid')既可以查找textarea的值,也可以更改在div中创建的基本文本。(提示:user innerHTML)是的,他说我必须使用.innerHTML我只是对这部分有点困惑..值比.innerHTML更可靠..值比.innerHTML更可靠。
document.getElementById('mytextarea').innerHTML = "New Text";