【JS自用常用模板2】为网站添加自己的div标签

这个跟 “自用模板1” 的目的是一样的，净化完页面之后，添加一下激励自己的话，让自己看到的不是推荐视频，而是每天要努力奋斗的目标。适合JS脚本入门学习。

//区别函数，用了钩子和const类型 
const sloganText = (slogan,para = eleAppend ,FontSizeee = "15px",heighttt = "15px",marginToppp = "10px", textAlignnn = "center",colorrr = "black") => {
var divCre = document.createElement("div");
//添加Class属性，一般用不上，除非回调自己的div
//var divClass = document.createAttribute("class");
//divClass.value = "lamsDivClassValue";
//divCre.setAttributeNode(divClass);
divCre.innerHTML = slogan;
//为div添加样式 简洁大方为主，调字体大小、div高度
var style = document.createAttribute("style");
divCre.setAttributeNode(style);
divCre.style.height =
heighttt;
divCre.style.marginTop = marginToppp;
divCre.style.fontSize = FontSizeee;
divCre.style.textAlign = textAlignnn;
divCre.style.color = colorrr;
//为创建的标签divCre找一个爸爸贴贴，也就是设置标签的位置
if( para){
para.appendChild(divCre);
}
};
//设置一个默认的append对象
//选择div标签中属性data-e2e是related-video的第二个对象append
var eleAppend = document.querySelectorAll("div[data-e2e = related-video]")[1];
function addDivv(){
//注，属性如果要修改，就要全部修改复制过来
sloganText("我们都有美好的未来！",para = eleAppend,'30px' ,heighttt = "80px",marginToppp = "50px");
sloganText("今日落力铲 明日做老板 ????");
sloganText("--"); }
setTimeout(function(){ addDivv() }, 2000);

还有另一种创建div的方式就是复制

//复制div
var myDiv = document.getElementsByClassName("copyClass")[0]
var divClone = myDiv.cloneNode(true);
document.body.appendChild(divClone)
//或append到自己需要的div
document.getElementsByClassName("divClass")[0].appendChild(divClone)

最后

以上就是碧蓝丝袜为你收集整理的【JS自用常用模板2】为网站添加自己的div标签的全部内容，希望文章能够帮你解决【JS自用常用模板2】为网站添加自己的div标签所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。