制作可编辑的标题文本，不起作用！

我有一个从另一个文件（message.txt）中引入的标题消息，并且我正在创建一个可以编辑的文本框。（我将在后面添加它使它永久保留的部分。）它正在变成没有。制作可编辑的标题文本，不起作用！

（E： “这是头！” 到 “”）

这是代码..

<script type="text/javascript"> 
function change(text) 
{ 
//document.forms["f1"].elements["ta"].value="Hi!"; 
//document.f1.ta.value="Hi!"; 
document.getElementById("msg").innerHTML='<h2 class="hmsg">'+text+'</h2>'; 
} 
function getText() 
{ 
return document.getElementById("ta").value; 
} 
function all() 
{ 
change(getText()) 
} 
</script> 
<form name="f1"> 
<input type="text" value="Enter your message here!" id="ta"/> 
<input type="button" value="   " onclick='all()'/> 
</form>

来源

2010-06-09 Anonymous the Great

或许你能澄清如你所期望的是行不通的。我扩大你的代码工作的例子：

<?xml version="1.0" encoding="UTF-8"?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Script-Type" content="text/javascript" /> 
<title>Test</title> 
</head> 
<body> 
<script type="text/javascript"> 
function change(text) 
{ 
    document.getElementById("msg").innerHTML='<h2 class="hmsg">'+text+'</h2>'; 
} 
function getText() 
{ 
return document.getElementById("ta").value; 
} 
function all() 
{ 
    change(getText()) 
} 
</script> 
<form action="#"> 
<div id="msg"> 
</div> 
<div> 
<input type="text" value="Enter your message here!" id="ta"/> 
<input type="button" value="   " onclick='all()'/> 
</div> 
</form> 
</body> 
</html>

改变<div>的id为内容msg在这里工作。

来源

2010-06-09 08:48:25 mkluwe

非常感谢！ – 2010-06-09 08:53:38

您应该考虑使用JavaScript库来简化客户端脚本。像jQuery这样的Libs的确提高了生产力。此外，尝试成为符合标准... – mkluwe 2010-06-10 16:44:56

制作可编辑的标题文本，不起作用！

回答

相关问题