如何将HTML代码写入DOM

<!DOCTYPE html> 
<html> 
<body> 
<form name=myform> 
<input type=button value="Try it now" 
onClick=" 
s=prompt('Enter your first name','Name'); 
n=prompt('Enter your first name','Name'); 
document.write('hello'+s +n+' !')"> 
</form> 
</body> 
</html> '

在上面的代码中，我想用下面的代码替换'hello'。在招呼把这段代码的地方：
<div class="hreview"> <span class="item"> Reviewed by <span class="reviewer">john paul</span> Rating: <span class="rating">5</span> </div>如何将HTML代码写入DOM

它应该显示出与该代码格式的代码是什么我在打招呼的地方写。

来源

2012-06-26 Cheetah

document.write（'

Reviewed by '+ n +' Rating: '+ s +'

'）; –

顺便说一句，Java是Car to JavaScript的地方。 :) –

即它们不一样。 Java是完全不同的语言。 – nbrooks

您需要逃生你的报价是这样的：

document.write("<div class=\"hreview\"> <span class=\"item\"> Reviewed by <span class=\"reviewer\">john paul</span> Rating: <span class=\"rating\">5</span> </div>")

或使用单引号：

document.write("<div class='hreview'> <span class='item'> Reviewed by <span class='reviewer'>john paul</span> Rating: <span class='rating'>5</span> </div>")

来源

2012-06-26 00:31:34 omarrr

不推荐页面后使用document.write（）的已经加载，它可以用来在DOM准备好的时候向页面添加内容。

如：

<!DOCTYPE html> 
<html> 
<body> 
<script type="javascript"> 
document.write('<h1>Mypage</h1>'); 
</script> 
</body> 
</html>

在你的情况下，页面已经被解析并转换为DOM，所以你应该直接更改DOM以反映页面上的任何变化。

<!DOCTYPE html> 
<html> 
<head> 
    <script> 
     function getDetails(){ 
     var s=prompt('Enter your first name','Name'); 
     var n=prompt('Enter your first name','Name'); 
     document.body.innerHTML = ('hello'+s +n+' !'); 
     } 
    </script> 
</head> 
<body> 
<form name=myform> 
<input type=button value="Try it now" 
onClick="getDetails()"> 

</form> 
</body> 
</html>

你可以阅读有关DOM遍历

来源

2012-06-26 00:45:29 sabithpocker

我想象你正在尝试使用s和n变量作为第一个和最后一个名字在更新的HTML您正在编写的文件，所以这就是我VE在这里完成：

HTML：

<form name="myform"> 
    <input type="button" value="Try it now" onclick="write_message();" /> 
</form> 
<span id="message"></span>

JS：

function write_message() { 
     var s=prompt('Enter your first name','First name'); 
     var n=prompt('Enter your last name','Last name'); 
     document.getElementById('message').innerHTML='<div class="hreview"> <span class="item"> Reviewed by <span class="reviewer">'+s+' '+n+'</span> Rating: <span class="rating">5</span> </div>'; 
}

此外，作为一个提示，你已经有了一些关于你的html的问题。 inputs应该像上面一样用斜线正确关闭。任何带有字符串值的属性都需要用引号括起来，并且所有的html都是小写字母，包括onclick。

来源

2014-01-08 04:06:34 bearfriend

如何将HTML代码写入DOM

回答

相关问题