如何使用 javascript 在页面开头或图像标签之前将标题元素添加到 html 文档中

Question

我正在尝试在 html 文档中使用 javascript 添加一个标题标签，同时尝试交换 2 个图像，我希望这个标题标签位于页面顶部。（我是 js 新手，因此代码中可能存在一些错误）这是 html 页面代码。

<html>
<head>
    <link rel="stylesheet" href="style1.css">
</head>
<body>
    <img src="1123013.jpg" id="left" >
    <img src="1189318.png" id="right" >
    <form>
        <input type="email" id="email" value="manuojha1@gmail.com">
        <br>
        <input type="password" id="password" value="password">
        <br>
        <button id="reset">Reset</button>

    </form>
    <script src="script1.js"></script>

</body>

这是我到目前为止编写的 javascript 代码，我找不到在页面顶部插入标题标签的方法。

let heading=document.createElement("h1");
heading.textContent="This is the sample heading";
body.append(heading);

heading.textContent="this is inserted heading";
body.append(heading);
let img1=document.getElementById("left");
let img2=document.getElementById("right");
console.log(img1,img2);
let swap=function(){
    let temp=img1.src;
    img1.src=img2.src;
    img2.src=temp;
};
img1.addEventListener("click",function(){
    console.log("image 1 clicked");
    swap();
});
img2.addEventListener("click",function(){
    console.log("image 2 clicked");
    swap();
});
console.log(img2.src);
let input=document.getElementsByTagName("input");
let reset=document.getElementById("reset");
reset.addEventListener("click",function(){
    input[0].defaultValue="default@123";
    input[1].defaultValue="def";
    console.log("reset button clicked");
});```

Answer 1

let html =标题`;

let update = document.querySelector('body');

if(update){

update.append(html);

}

`

如何使用 javascript 在页面开头或图像标签之前将标题元素添加到 html 文档中

问题描述

1 个解决方案

解决方案1
0 2021-12-16 13:37:24

如何使用 javascript 在页面开头或图像标签之前将标题元素添加到 html 文档中

问题描述

1 个解决方案

解决方案1 0 2021-12-16 13:37:24

解决方案1
0 2021-12-16 13:37:24