Question

我是HTML和JavaScript的初学者。我有一个简单的HTML代码：

order = "Movies.Rating_IMDB ASC"

general = db.execute (
    """
    SELECT Movies.Movie_ID, Movies.Name, Movies.Year, Movies.Image
    FROM Movie_Genre
    JOIN Movies ON Movie_Genre.Movie_ID = Movies.Movie_ID
    JOIN Genres ON Movie_Genre.Genre_ID = Genres.Genre_ID
    WHERE Genres.Genre = ?
    ORDER BY ?;
    """,
    (str(selectedGenre), order,)
    )
basic = general.fetchall()

我需要做的是，当我点击标题时，它应该提示一个问题：＆＃34;你确定要更改标题吗？＆＃34;单击“确定”后，它应将标题更改为用户输入的值。到目前为止，我已经找到了如何使弹出框工作（下面的js文件），但是我在点击OK之后难以弄清楚如何更改标题？

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

Answer 1

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

如何使用innerHTML更改HTML标头

1 个答案: