WebAPI（牛客）

1.JS动态创建节点

创建li标签元素并且添加到ul标签元素内，核心步骤有四：

    获取ul标签元素
    创建li标签元素
    设置li标签元素内容
    将li标签元素插入到ul标签元素内

在JavaScript中获取页面某个元素的方法有很多，根据题目内容选择document.querySelector()方法是最优的，它可以获取当前页面首个目标标签元素。接下来通过循环遍历数组，并且在每一个循环体中通过document.createElement()方法创建li标签，再通过innerHTML或innerText设置li标签内容，最后通过appendChild()方法将li添加在ul中。
querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用 querySelectorAll() 方法替代

2.根据id获取元素

document.getElementById("idname")

3.修改元素内容

修改类名为“box”的div标签元素内容，核心步骤有二：

    获取到div标签元素
    修改div标签元素内容

在JavaScript中，获取一个标签元素的方法有很多，本题可以通过document.querySelector()获取页面中首个div标签元素，也可以通过document.getElementsByClassName()获取div标签元素。注意：document.getElementsByClassName()可以获取当前页面所有目标类名的元素标签，仅需选取首个([0])数组元素即可。再通过innerHTML或innerText修改该标签元素内容。

4.组织冒泡事件

 阻止冒泡事件:stopPropagation()函数
调用event.stopPropagation()方法，该方法终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。
Event对象
Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态等。
事件通常与函数结合使用,函数不会在事件发生前执行!

5.阻止默认事件

6.url地址

实现一个函数返回页面当前url

window.location对象可不带 window 前缀书写。
例如：
window.location.href 返回当前页面的 href (URL)
window.location.hostname 返回 web 主机的域名
window.location.pathname 返回当前页面的路径或文件名
window.location.protocol 返回使用的 web 协议（http: 或 https:）
window.location.assign 加载新文档

7.点击按钮隐藏元素

    设置类名为“box”的div标签元素定位为相对定位
    设置类名为“btn”的div标签元素定位为绝对定位
    计算类名为“btn”的div标签元素中心定位在类名为“box”的div标签元素右上顶点的坐标
    设置类名为“btn”的div标签元素内容居中且行高等于该标签的高度
    在类名为“btn”的div标签元素点击事件中，设置类名为“box”的div标签元素“display”属性为“none”

首先设置类名为"box"的div标签元素定位属性为相对定位，这是为了保证类名为“btn”的div标签元素绝对定位有效。
然后设置类名为“btn”的div标签元素定位属性为绝对定位以完成位置的固定，同时根据该元素的宽度和高度计算出定位坐标top：-10px、right：-10px，还要设置该元素的水平居中属性和行高属性为该元素的高度，以保证字体可以垂直居中在该元素中。最后在类名为“btn”的div标签元素点击事件中设置类名为"box"的div标签元素“style”属性中的“display”属性为"none"即可。