gpt4 book ai didi

javascript - 如何使用innerHTML更改HTML的标题

转载 作者:行者123 更新时间:2023-12-03 06:46:08 24 4
gpt4 key购买 nike

我是 HTML 和 JavaScript 的初学者。我有一个简单的 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>

最佳答案

这是一个使用 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>

关于javascript - 如何使用innerHTML更改HTML的标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37726794/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com