簡單的javascript onClick文本更改

我是StackExchange的新手。 JavaScript中有非常基本的問題。簡單的javascript onClick文本更改

我創建簡單的JavaScript函數變化在同一功能使用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

喜歡的東西text.innerHTML =「新詞」 http://www.w3schools.com/jsref/prop_html_innerhtml.asp – Huangism

看到我的答案，如果它幫助您接受;） –

使用下面的** text = 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

嗨巴黎尼爾森，非常感謝。還有一個小問題，我忘了在我的問題中提到。一旦我點擊了正在改變的文本，但是如果我再次點擊相同的文本，它必須回到原始文本 – user2690456

您是否希望它在文本之間切換？如果是這樣，只需創建一個布爾變量。每次點擊量程時，反轉該值。然後用它來確定文本的值。 –

–

-3

我相信這是你以後有什麼（我使用jQuery JavaScript庫，這使得這樣的事情要容易得多）

<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一些單證;）

來源

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

簡單的javascript onClick文本更改

回答

相關問題