JS中简单的一些基础语法记录

版权声明：《==study hard and make progress every day==》 https://blog.csdn.net/qq_38225558/article/details/83151339

获取指定的元素
通过id属性获取: document.getElementById("id属性");   //注意：标签的id值必须唯一
通过标签名字获取: document.getElementByTagName("标签的名字");
通过name属性值获取: document.getElementByName("name的值");

添加标签    （注意：要添加的标签不存在时，需要先创建）
 document.createElement("标签名"); //创建标签，返回一个新标签
 $d1.appendChild(标签$a);//将$a添加到d1中关联

//方式二添加
$d1.innerHTML="<span>文本</span>";//文本        innerHTML：可以在添加内容中写标签，这些标签将被作为语法
$d1.innerText="<span>文本</span>";//<span>文本</span>  

删除标签
$div.removeChild("标签名");

给标签设置，获取属性
设置：标签名$a.setAttribute("属性名","值");
获取：标签名$a.getAttribute("属性名");

通过js给标签添加样式
标签名.style.backgroundColor = "red";

给标签的class属性设置样式  (class类选择器)

<style>
    .cls {
        font-size: 30px;
    }
</style>
<script>
    标签名.className = "cls";//通过操作class属性来给当前的标签添加一个样式
</script>

注册点击事件
标签名.onclick=function(){ console.debug("点击") }    (注意：同标签多个点击事件会执行最后一个事件！ ) 

<a href="javascript:void(0)" onclick="show()" >链接</a>绑定事件 addEventListener 标签对象.addEventListener("事件名称click"，匿名函数,[事件触发顺序，默认是冒泡false]);
（  注意：同一个事件可以给同一个标签注册多次！）

$d.addEventListener("click",function(){
	console.debug("点击事件...")
})