如何在当前js元素前插入其他元素？

Question

Welcome To Ask or Share your Answers For Others

如何在当前js元素前插入其他元素？

asked Jan 24, 2021 in Technique[技术] by 深蓝 (71.8m points)

<!DOCTYPE?html>
<html?lang="zh-CN">
<head>
????<meta?charset="UTF-8">
????<meta?name="viewport"?content="width=device-width,?user-scalable=no,?initial-scale=1.0,?maximum-scale=1.0,?minimum-scale=1.0">
????<meta?http-equiv="X-UA-Compatible"?content="ie=edge">
????<title>Document</title>
</head>
<body>
    ...
    其他元素
    ...
    
    要插入元素在这个位置
????<script?src="./script.js"></script>
</body>
</html>

就比如上面的代码

我在js文件里面写了代码要创建元素，必须要插入在当前的js元素之前

有没有知道如何做？望指教一下，谢谢!

与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…

3.6k views

1 Answer

深蓝 · Answer 1 · 2021-01-24T00:17:19+0000

给script一个id或者class都可，当然如果只有一个script也可以直接用标签选择器，能select即可。

var $script = document.querySelector('#insert_script')
var $el = document.createElement('div')
$el.textContent = 'insert element';

// 方法一：
// $script.parentElement.insertBefore($el, $script)
// 方法二：
$script.insertAdjacentElement('beforebegin', $el)

Categories

如何在当前js元素前插入其他元素？

就比如上面的代码

我在js文件里面写了代码要创建元素，必须要插入在当前的js元素之前

有没有知道如何做？望指教一下，谢谢!

Please log in or register to add a comment.

Please log in or register to answer this question.

1 Answer

Please log in or register to add a comment.

Just Browsing Browsing

Most popular tags