如何使用innerHTML更改HTML的標頭

我是HTML和JavaScript中的初學者。我有一個簡單的HTML代碼：如何使用innerHTML更改HTML的標頭

<!DOCTYPE html> 
<html> 
<head> 
    <title>Blah</title> 
</head> 
<body> 
<div> 
    <h3 class="test">Heading</h3> 
</div> 
</body> 
</html>

我需要做的是，當我點擊標題，就應該及時的一個問題：「你確定要更改標題」點擊確定後，應將標題更改爲用戶輸入的值。到目前爲止，我已經想出瞭如何讓彈出框工作（下面的js文件），但我很努力地找出在單擊確定後如何更改標題？

<script type="text/javascript"> 
    var elems = document.getElementsByClassName('test'); 
    var confirmIt = function (e) { 
     if (!confirm('Are you sure?')) e.preventDefault(); 
    }; 
    for (var i = 0, l = elems.length; i < l; i++) { 
     elems[i].addEventListener('click', confirmIt, false); 
    } 
</script>

來源

2016-06-09 Kaspar

'this.textContent = 「新的標題」' – 2016-06-09 13:07:56

這是使用PROMPT代替confirm工作示例。

var elems = document.getElementsByClassName('test'); 
 
    var confirmIt = function (e) { 
 
     val = prompt("Are you sure that you want to change the heading"); 
 
     if(val != "" && val != null){ 
 
     this.textContent = val; 
 
     } 
 
    }; 
 
    for (var i = 0, l = elems.length; i < l; i++) { 
 
     elems[i].addEventListener('click', confirmIt, false); 
 
    }

<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Blah</title> 
 
</head> 
 
<body> 
 
<div> 
 
    <h3 class="test">Heading</h3> 
 
</div> 
 
</body> 
 
</html>

來源

2016-06-09 13:12:18 imvain2

如何使用innerHTML更改HTML的標頭

回答

相關問題