간단한 자바 스크립트 onClick 텍스트 변경

안녕하세요, 저는 StackExchange를 처음 사용합니다. 나는 JavaScript에서 매우 기본적인 질문을 가지고있다. 내가 마지막으로 할 말 여기간단한 자바 스크립트 onClick 텍스트 변경

을 변경하려면 같은 기능에 onClick를 사용하여 텍스트의 색상을 변경하는 간단한 자바 스크립트 함수를 만든

친절하게 내가 원하는 나에게 도움이되는 예를

<!doctype html> 
<head> 
<title> 
    Sample Javascript 
</title> 
<script type="text/javascript"> 
    function colorchange(myid) 
    { 
     x = document.getElementById('sample_text'); 
     x.style.color = "red"; 
     x.style.fontWeight = "bold"; 

     text = document.getElementById('sample_text1'); 

    } 

</script> 
</head> 
<body> 
    <div id="sample_text" onClick="colorchange(1)">Welcome to <span onClick="colorchange(2)" id="sample_text1">Mahaweb</span></div> 
</body> 
</html>

입니다 동일한 기능으로 스팬 내부 내용을 변경하십시오.

출처

2013-08-16 user2690456

뭔가를 http://www.w3schools.com/jsref/prop_html_innerhtml.asp – Huangism

내 대답을 참조 당신이 그걸 받아 들여;) –

아래 ** 텍스트 = document.getElementById ('sample_text1'); **이 코드를 추가 ** if (myid == 2) { text.innerHTML = "HELLO"; } ** – Chinmay235

<script type="text/javascript"> 
    function colorchange(myid) 
    { 
     x = document.getElementById('sample_text'); 
     x.style.color = "red"; 
     x.style.fontWeight = "bold"; 

     text = document.getElementById('sample_text1'); 
     if(myid==2){ 
      text.innerHTML="YOUR TEXT HERE"; 
     } 

    } 

</script>

출처

2013-08-17 17:56:23 Chinmay235

정확하게 이해하면 스팬의 내부 텍스트를 변경하고 싶습니다. 이미 span (var text)를 선택한 것처럼, 시도 :

text.innerHTML="desiredText";

출처

2013-08-16 19:00:46

안녕하세요, Paris Nelson, 정말 고마워요. 내 질문에 언급하는 것을 잊어 버린 또 하나의 작은 쿼리. 한 번 텍스트를 변경했지만 동일한 텍스트를 클릭하면 다시 원래 텍스트로 돌아갑니다. – user2690456

텍스트를 번갈아 가며 사용 하시겠습니까? 그렇다면 단순히 부울 변수를 만듭니다. 스팬을 클릭 할 때마다 값을 반대로합니다. 그런 다음이를 사용하여 텍스트의 가치를 결정하십시오. –

–

-3

나는 이것이 당신이

(I 훨씬 더 쉽게 이런 종류의 물건을 만드는 jQuery를, 자바 스크립트 라이브러리를 사용하고 있습니다) 후 무엇이라고 생각

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script type="text/javascript"> 
$('#sample_text').click(function(){ 
    $(this).find('span').css('color', 'red').css('font-weight', 'bold'); 
}); 

</script>

출처

2013-08-16 19:02:34

텍스트 요소의 속성 "innerHTML"을 변경하면됩니다. 같은

뭔가 :

text.innerHTML = "your_change";

그러나 이것은 아주 기본적인 것들입니다. 일부 문서화을 checkt해야합니다, 그것은 도움이 경우) text.innerHTML = "새로운 단어"와 같은

출처

2013-08-16 19:02:39 MrMuetze

<!doctype html> 
<head> 
<title> 
    Sample Javascript 
</title> 
<script type="text/javascript"> 
function colorchange() 
{ 
x = document.getElementById('sample_text'); 
x.style.color = "red"; 
x.style.fontWeight = "bold"; 

document.getElementById('sample_text1').innerHTML = "text"; 

} 

</script> 
</head> 
<body> 
<div id="sample_text" onClick="colorchange()">Welcome to <span onClick="colorchange()" id="sample_text1">Mahaweb</span></div> 
</body> 
</html>

출처

2013-08-16 19:03:16

간단한 자바 스크립트 onClick 텍스트 변경

답변

관련 문제