DOM에 html 코드를 작성하는 방법

<!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>DOM에 html 코드를 작성하는 방법

. 이 페이지 후 document.write를()를 사용하지 않는 것이 좋습니다

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 Cheetah

document.write ('

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

'); –

btw, Java는 JavaScript가 Car가 Carpet에 속하는 것과 같습니다. :) –

즉 그들은 동일하지 않습니다. Java는 완전히 다른 언어입니다. – nbrooks

당신은 탈출이 같은 당신의 따옴표가 필요합니다 DOM이 준비되는 동안 페이지에 내용을 추가하는 데 사용할 수 있습니다.

예 :

페이지가 이미 구문 분석하고 직접 페이지에 어떤 변화를 반영하기 위해 DOM을 변경해야합니다, 그래서 DOM로 변환 된 귀하의 경우에는

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

<!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:31:34 omarrr

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:45:29 sabithpocker

그게 내가 '무엇을, 그래서 난 당신이 문서를 작성하는 업데이트 된 HTML에 이름과 성으로 s 및 n 변수를 사용하려고하는 상상 여기 했어 :

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

DOM에 html 코드를 작성하는 방법

답변

관련 문제