From 46badbb2cbb781dacaa4d94126da088f9b770a1a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?09=E9=99=88=E7=83=BD=E6=9D=B0sql=E8=BF=9B=E9=98=B6?= <3241892760@qq.com> Date: Wed, 16 Nov 2022 13:37:26 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../11.15dom\350\241\250\345\215\225.md" | 49 +++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 "09\351\231\210\347\203\275\346\235\260/\347\254\224\350\256\260/11.15dom\350\241\250\345\215\225.md" diff --git "a/09\351\231\210\347\203\275\346\235\260/\347\254\224\350\256\260/11.15dom\350\241\250\345\215\225.md" "b/09\351\231\210\347\203\275\346\235\260/\347\254\224\350\256\260/11.15dom\350\241\250\345\215\225.md" new file mode 100644 index 0000000..c6340fb --- /dev/null +++ "b/09\351\231\210\347\203\275\346\235\260/\347\254\224\350\256\260/11.15dom\350\241\250\345\215\225.md" @@ -0,0 +1,49 @@ +# DOM + +cloneNode() 方法 拷贝所有属性和值。 + +该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true,它还将递归复制当前节点的所有子孙节点。否则,它只复制当前节点。(默认情况下是false) + + + +getAttribute()获取属性 + +setAttribute()设置属性 + +例 +element.setAttribute(attributename,attributevalue) +attributename String 必须。你要添加的属性名称。 +attributevalue String 必须。你要添加的属性值。 + +innerHTTML和innerText区别 + +- innerHTML属性:可以设置或获取标签起始位置到终止位置的全部内容 +- innerText属性:可以设置或获取标签起始位置到终止位置的全部文本信息 + +innerText属性可以输出标签间的纯文本信息,会将标签过滤掉。 + +innerHTML属性可以输出标签间的全部内容,包括里面的HTML标签和文本信息。 + + + +### DOM克隆元素 + +var h2List = document.querySelectorAll('h2'); +//cloneNode(bool):true表示内容一起克隆, false:只克隆标签 +var newH2 = h2List[0].cloneNode(true); +var box = document.getElementById('box'); +btn.onclick = () => { + box.appendChild(newH2); + var btn = document.getElementById('btn'); +} + +### 获取输入框的值:obj.value + +var obj = document.querySelector('#username'); +var box = document.querySelector('#box'); +var btn = document.querySelector('#btn'); +btn.onclick = ()=>{ + // var myH2 = document.createElement('h2'); + box.innerHTML = '

'+obj.value+'

'; + obj.value = ''; +} -- Gitee