목차
1. DOM의 기원
 1.SGML, XML 및
 5. 노드 특성 및 방법
  6.HTML DOM
二、DOM通用节点对象操作
  1.DOM的通用属性
   2.DOM的通用集合
  3.DOM通用节点操作
  1查找节点
  2创建节点
  3添加节点
  4删除节点
  5替换节点
  6.节点属性和方法
  4.DOM通用属性操作
  1.查找属性
  2.获取属性
   3.设置属性
   4.删除属性
  5.getattr和setattr获取或设置属性
   6.检查元素
웹 프론트엔드 JS 튜토리얼 js에서 호스트 객체 구문 분석

js에서 호스트 객체 구문 분석

Jul 14, 2018 pm 04:26 PM

이 기사에서는 특정 참조 값을 갖는 js의 호스트 개체 분석을 주로 소개합니다. 이제 공유합니다. 도움이 필요한 친구들이 참조할 수 있습니다.

호스트 개체는 주로 DOM 개체 및 BOM을 포함하여 브라우저에서 제공하는 개체입니다. 물체.

1. DOM의 기원

 1.SGML, XML 및

<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">SGML(标准通用标记语言)是定义使用标签来表示数据的标记语言的语法。<br>  - 标签由一个小于号和一个大于号之间的文本组成,如<title><br>  - 标签分为起始标签和结束标签,分别表示一个特定区域的开始和这个特定区域的结束,如<title>标题</title><br>  - 特性是定义在起始标签内的值。如<img src="pircutre.jpg">,src就是其特性<br>HTML遵循SGML标记语言的语法,它是的SGML一种应用。或者说,SGML用来定义HTML的文档类型定义(DTD)。SGML还用来编写XML的DTD。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

 5. 노드 특성 및 방법

<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">XML对SGML的语法做了更细致和严谨的扩展。<br>  - SGML的奇怪语法:<br>    - 某些标签不语序出现结束标签,如HTML中的<img>标签,否则会出现错误。<br>    - 某些标签的结束标签可以不写,如HTML中的<p>标签。<br>    - 标签可以以任何顺序嵌套,如<p><span></p></span>。<br>    - 某些特性必须包含值,如<img src="picture.jpg">。<br>    - 某些特性不要求一定有值,如<td nowrap>。<br>    - 定义特性的两边有没有加双引号都是可以的,如<img src=picture.jpg>也是允许的。<br>  - XML去掉了许多SGML中的随意语法,并且规定了新的语法:<br>    - 任何的起始标签都必须有一个结束标签。<br>    - 可以采用另一种简化语法,即一个标签同时表示起始标签和结束标签,即<tag />,如<br />,<hr />。<br>    - 标签必须按合适的顺序嵌套。就近原则书写结束标签。<br>    - 所有的特性都必须有值。<br>    - 所有的特性都必须在值得周围加上双引号。<br>XML衍生出了MathML、SVG、RDF、RSS等等。同时,HTML被改进为XHML,即遵循XML语法的HTML。XHMTL被称为严格模式。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

특성/방법

String nodeValue String nodeTypeNumberownerDocumentDocument childNodes NodeList firstChild 노드의 모든 하위 노드 목록 lastChild Nodehas ChildNodes() BooleanappendChild(node) 노드remo veChild(node) Node replacementChild(newnode,oldnode) 노드 childNodes의 refnode 앞에 newnode 삽입 이 노드가 첫 번째 형제 노드인 경우 값은 null은 이 노드가 마지막인 경우 다음 형제 노드를 가리킵니다. 형제 노드인 경우 값은 null 요소 노드에만 사용되는 요소의 특성을 나타내는 Attr 객체를 포함합니다
유형 Description nodeName
노드 이름
node 의 값
노드의 상수 값 입력
노드가 속한 문서

하위 노드 목록의 첫 번째 노드
마지막 하위 노드 목록의 노드
하위 노드 포함 여부
추가 childNodes
delete node from childNodes
childNodes의 oldnode를 newnode 로 교체 insertBefore(newnode, refnode) Node
이전Sibling Node
입니다. nextSibling Node
attributes NamedNodeMap

  6.HTML DOM

<span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080; font-family: 'Menlo';">任何基于XML的语言,如XHTML和SVG,因为它们遵循XML语法,所以可以使用上述的Node接口操作。然而很多语言会继续定义它们自己的DOM来扩展XML以提供特定功能。<br>开发XML DOM的同时,W3C还一起开发了针对XHTML(以及HTML)的DOM。这个DOM定义了一个HTMLDocument一个HTMLElement作为实现基础。每个HTML元素通过它自己的HTMLElement类型表示,如HTMLpElement代表了<p>元素。但有少数的除外。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

二、DOM通用节点对象操作

  1.DOM的通用属性

<span style="color: #808080;">alinkColor      激活的链接的颜色,如<body alink="color">定义的<br>bgColor         页面的背景颜色,如<body bgcolor="color">定义的<br>fgColor         页面的文本颜色,如<body text="color">定义的<br>lastModified    最后修改页面的日期,是字符串<br>linkColor       链接的颜色,如<body link="color">定义的<br>referrer        浏览器当前页后退一个位置的url<br>title           <title>标签中显示的文本<br>URL             当前页面的url<br>vlinkColor      访问过的链接的颜色,如<body vlink="color">定义的<br>* 这些属性是引用了<body>标签中的旧HTML特性,应该用样式表代替它们。</span>
로그인 후 복사

   2.DOM的通用集合

<span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';">ahchors        页面中所有锚的集合(由<a name="ahchorname></a>标签表示)<br>applets        页面中所有applet的集合<br>embeds         页面中所有嵌入式对象的集合(由<embed>标签表示)<br>forms          页面中所有表单的集合<br>images         页面中所有图像的集合<br>links          页面中所有链接的集合(由<a href="somewhere.htm"><a>表示</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

  3.DOM通用节点操作

document对象是BOM的一部分,同时也是HTML DOM的HTMLDocument对象的表现形式,即它也是XML DOM Document对象。
로그인 후 복사

  1查找节点

<span style="color: #808080;">document.getElementById()       <span style="color: #808080; font-family: 'Menlo';">  返回对拥有指定<span style="color: #808080;"> id <span style="color: #808080; font-family: 'Menlo';">的第一个对象的引用。<br><span style="color: #808080;">document.getElementsByName()      <span style="color: #808080; font-family: 'Menlo';">返回带有指定名称的对象集合。<br><span style="color: #808080;">document.getElementsByTagName()   <span style="color: #808080; font-family: 'Menlo';">返回带有指定标签名的对象集合。<br><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;"><span style="color: #808080; font-family: 'Menlo';"><span style="color: #808080;">document.getElementsByClassName() <span style="color: #808080; font-family: 'Menlo';">返回带有指定类名的对象集合。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사
<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>document操作元素</title></head><body>
    <p class="outer">
        <p class="inner">第一段文本</p>
        <p class="inner">第二段文本</p>
    </p>
    <script>
        var op = document.getElementsByClassName("outer")[0].getElementsByClassName("inner")[0].innerHTML;    
        </script></body></html>
로그인 후 복사

  2创建节点

<span style="color: #808080;">document.createAttribute(name)    创建属性名为name的属性节点。<br/>document.createElement()          创建标签名为tagName的元素。<span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/><span style="color: #808080;">document.createTextNode(text)   创建包含文本text的文本节点。<span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/><span style="color: #808080;">* 创建其它Node接口定义的节点没有太大用处。因为被更简便的操作替代。</span></span></span></span></span></span></span>
로그인 후 복사

  3添加节点

<span style="color: #808080;">Element.appendChild(Node)          添加Node子元素。<br/>Element.insertBefore(newNode, oldNode)  <span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;">在某个子节点对象前添加新节点。</span></span></span></span></span></span></span></span>
로그인 후 복사

  4删除节点

<span style="color: #808080;">Element.removeChild(Node)          删除Node子元素。</span>
로그인 후 복사

  5替换节点

<span style="color: #808080;">Element.replacChild(newNode, oldNode)   替换子元素。</span>
로그인 후 복사
<span style="color: #808080;">document.getElementById()       <span style="color: #808080; font-family: &#39;Menlo&#39;;">   返回对拥有指定<span style="color: #808080;"> id <span style="color: #808080; font-family: &#39;Menlo&#39;;">的第一个对象的引用。<br/><span style="color: #808080;">document.getElementsByName()       <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回带有指定名称的对象集合。<br/><span style="color: #808080;">document.getElementsByTagName()    <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回带有指定标签名的对象集合。<br/><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;">document.getElementsByClassName()  <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回带有指定类名的对象集合。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

  6.节点属性和方法

<span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;">节点属性和方法包含DOM NOde接口定义的所有属性和方法。HTML DOM 还包括其它的一些属性和方法。详细参见http://www.w3school.com.cn/jsref/dom_obj_all.asp。</span></span></span></span></span></span></span></span>
로그인 후 복사
<span style="color: #808080;">Element.tagName            <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的标签名。  </span><br/>Element.cloneNode()          复制当前元素。<br/>Element.normalize()          <span style="color: #808080; font-family: &#39;Menlo&#39;;">合并元素中相邻的文本节点,并移除空的文本节点。<br/></span>Element.parentNode          <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的父节点。<br/></span>Element.ownerDocument        <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的根元素(文档对象)。</span><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/></span>nodelist.item()            <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回<span style="color: #808080;"> NodeList <span style="color: #808080; font-family: &#39;Menlo&#39;;">中位于指定下标的节点。<br/><span style="color: #808080;">nodelist.length            <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回<span style="color: #808080;"> NodeList <span style="color: #808080; font-family: &#39;Menlo&#39;;">中的节点数。</span></span></span></span></span></span></span><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/></span>Element.toString()          <span style="color: #808080; font-family: &#39;Menlo&#39;;">把元素转换为字符串。</span></span>
로그인 후 복사

  4.DOM通用属性操作

  1.查找属性

<span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;">Element.attributes<span style="color: #808080; font-family: &#39;Menlo&#39;;">          </span></span></span></span></span></span></span>返回元素属性的<span style="color: #808080; font-family: &#39;Fira Code&#39;;"> NamedNodeMap<span style="color: #808080;">。</span></span><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/></span></span></span></span>El</span></span></span></span></span></span>ement.hasAttribute()         <span style="color: #808080; font-family: &#39;Menlo&#39;;">如果元素拥有指定属性,则返回<span style="color: #808080;">true<span style="color: #808080; font-family: &#39;Menlo&#39;;">,否则返回<span style="color: #808080;"> false<span style="color: #808080; font-family: &#39;Menlo&#39;;">。<br/><span style="color: #808080;">Element.hasAttributes()         <span style="color: #808080; font-family: &#39;Menlo&#39;;">如果元素拥有属性,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: &#39;Menlo&#39;;">,否则返回<span style="color: #808080;"> fals</span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

  2.获取属性

<span style="color: #808080;">Element.<span style="color: #808080;">getAttribute</span>()            返回元素节点的指定属性值。<br/>Element.<span style="color: #808080;">getAttributeNode</span>()      <span style="color: #808080;">返回指定的属性节点</span>。</span>
로그인 후 복사

  3.设置属性

<span style="color: #808080;"><span style="color: #808080;">Element.setAttribute()        <span style="color: #808080; font-family: &#39;Menlo&#39;;">把指定属性设置或更改为指定值。<br/><span style="color: #808080;">Element.setAttributeNode()      <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或更改指定属性节点。</span></span></span></span></span>
로그인 후 복사

  4.删除属性

<span style="color: #808080;"><span style="color: #808080;">Element.removeAttribute()      <span style="color: #808080; font-family: &#39;Menlo&#39;;">从元素中移除指定属性。<br/><span style="color: #808080;">Element.removeAttributeNode()    <span style="color: #808080; font-family: &#39;Menlo&#39;;">移除指定的属性节点,并返回被移除的节点。</span></span></span></span></span>
로그인 후 복사

  5.getattr和setattr获取或设置属性

除了hasAttribute、getAttributes、setAttributes、removeAttribute操作属性,一些属性也可以通过节点.属性的方式获取/设置属性。
로그인 후 복사
<span style="color: #808080;">Element.id                      <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的<span style="color: #808080;"> id<span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/></span></span></span></span></span></span></span>Element.style             <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的<span style="color: #808080;"> style <span style="color: #808080; font-family: &#39;Menlo&#39;;">属性。<br/><span style="color: #808080;">Element.innerHTML         <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的内容。</span></span><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"> <br/></span></span></span></span></span></span></span>Element.className         <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的<span style="color: #808080;"> class <span style="color: #808080; font-family: &#39;Menlo&#39;;">属性。<br/></span></span></span>Element.title             <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的<span style="color: #808080;"> title <span style="color: #808080; font-family: &#39;Menlo&#39;;">属性。<br/><span style="color: #808080;">Element.textContent        <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回节点及其后代的文本内容。</span></span> <br/><span style="color: #808080;">Element.contentEditable      <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的文本方向。<br/></span></span></span></span></span>Element.dir             <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的内容是否可编辑。</span></span> <br/><span style="color: #808080;">Element.accessKey           <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的快捷键。<br/></span>Element.lang              <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的语言代码。</span><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/></span>Element.namespaceURI         <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的<span style="color: #808080;"> namespace URI<span style="color: #808080; font-family: &#39;Menlo&#39;;">。<br/></span></span></span>Element.tabIndex            <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的<span style="color: #808080;"> tab <span style="color: #808080; font-family: &#39;Menlo&#39;;">键控制次序。</span></span></span></span>
로그인 후 복사
<span style="color: #808080;">Element.clientHeight         <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的可见高度。<br/><span style="color: #808080;">Element.clientWidth          <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的可见宽度。<span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><span style="color: #808080;"><span style="color: #808080; font-family: &#39;Menlo&#39;;"><br/><span style="color: #808080;">Element.offsetWidth <span style="color: #808080; font-family: &#39;Menlo&#39;;">       返回元素的宽度。<br/><span style="color: #808080;">Element.offsetLeft  <span style="color: #808080; font-family: &#39;Menlo&#39;;">       返回元素的水平偏移位置。<br/><span style="color: #808080;">Element.offsetParent         <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的偏移容器。<br/><span style="color: #808080;">Element.offsetTop          <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的垂直偏移位置。<br/></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>Element.scrollHeight         <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的整体高度。<br/><span style="color: #808080;">Element.scrollLeft         <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素左边缘与视图之间的距离。<br/><span style="color: #808080;">Element.scrollTop            <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素上边缘与视图之间的距离。<br/><span style="color: #808080;">Element.scrollWidth          <span style="color: #808080; font-family: &#39;Menlo&#39;;">返回元素的整体宽度。</span></span></span></span></span></span></span></span>
로그인 후 복사

  6.检查元素

<span style="color: #808080;">Element.isContentEditable    <span style="color: #808080; font-family: &#39;Menlo&#39;;">设置或返回元素的内容。<br/><span style="color: #808080;">Element.isDefaultNamespace()    <span style="color: #808080; font-family: &#39;Menlo&#39;;">如果指定的<span style="color: #808080;"> namespaceURI <span style="color: #808080; font-family: &#39;Menlo&#39;;">是默认的,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: &#39;Menlo&#39;;">,否则返回<span style="color: #808080;"> false<span style="color: #808080; font-family: &#39;Menlo&#39;;">。<br/><span style="color: #808080;">Element.isEqualNode()   <span style="color: #808080; font-family: &#39;Menlo&#39;;">检查两个元素是否相等。<br/><span style="color: #808080;">Element.isSameNode()    <span style="color: #808080; font-family: &#39;Menlo&#39;;">检查两个元素是否是相同的节点。<br/><span style="color: #808080;">Element.compareDocumentPosition()   <span style="color: #808080; font-family: &#39;Menlo&#39;;">比较两个元素的文档位置。<br/><span style="color: #808080;">Element.isSupported()   <span style="color: #808080; font-family: &#39;Menlo&#39;;">如果元素支持指定特性,则返回<span style="color: #808080;"> true<span style="color: #808080; font-family: &#39;Menlo&#39;;">。</span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span>
로그인 후 복사

以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!

相关推荐:

js中自定义对象的解析

对js的内建对象的解析

위 내용은 js에서 호스트 객체 구문 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? 프론트 엔드 열 용지 영수증에 대한 차량 코드 인쇄를 만나면 어떻게해야합니까? Apr 04, 2025 pm 02:42 PM

프론트 엔드 개발시 프론트 엔드 열지대 티켓 인쇄를위한 자주 묻는 질문과 솔루션, 티켓 인쇄는 일반적인 요구 사항입니다. 그러나 많은 개발자들이 구현하고 있습니다 ...

누가 더 많은 파이썬이나 자바 스크립트를 지불합니까? 누가 더 많은 파이썬이나 자바 스크립트를 지불합니까? Apr 04, 2025 am 12:09 AM

기술 및 산업 요구에 따라 Python 및 JavaScript 개발자에 대한 절대 급여는 없습니다. 1. 파이썬은 데이터 과학 및 기계 학습에서 더 많은 비용을 지불 할 수 있습니다. 2. JavaScript는 프론트 엔드 및 풀 스택 개발에 큰 수요가 있으며 급여도 상당합니다. 3. 영향 요인에는 경험, 지리적 위치, 회사 규모 및 특정 기술이 포함됩니다.

JavaScript를 사용하여 동일한 ID와 동일한 ID로 배열 요소를 하나의 객체로 병합하는 방법은 무엇입니까? JavaScript를 사용하여 동일한 ID와 동일한 ID로 배열 요소를 하나의 객체로 병합하는 방법은 무엇입니까? Apr 04, 2025 pm 05:09 PM

동일한 ID로 배열 요소를 JavaScript의 하나의 객체로 병합하는 방법은 무엇입니까? 데이터를 처리 할 때 종종 동일한 ID를 가질 필요가 있습니다 ...

Demystifying JavaScript : 그것이하는 일과 중요한 이유 Demystifying JavaScript : 그것이하는 일과 중요한 이유 Apr 09, 2025 am 12:07 AM

JavaScript는 현대 웹 개발의 초석이며 주요 기능에는 이벤트 중심 프로그래밍, 동적 컨텐츠 생성 및 비동기 프로그래밍이 포함됩니다. 1) 이벤트 중심 프로그래밍을 사용하면 사용자 작업에 따라 웹 페이지가 동적으로 변경 될 수 있습니다. 2) 동적 컨텐츠 생성을 사용하면 조건에 따라 페이지 컨텐츠를 조정할 수 있습니다. 3) 비동기 프로그래밍은 사용자 인터페이스가 차단되지 않도록합니다. JavaScript는 웹 상호 작용, 단일 페이지 응용 프로그램 및 서버 측 개발에 널리 사용되며 사용자 경험 및 크로스 플랫폼 개발의 유연성을 크게 향상시킵니다.

Console.log 출력 결과의 차이 : 두 통화가 다른 이유는 무엇입니까? Console.log 출력 결과의 차이 : 두 통화가 다른 이유는 무엇입니까? Apr 04, 2025 pm 05:12 PM

Console.log 출력의 차이의 근본 원인에 대한 심층적 인 논의. 이 기사에서는 Console.log 함수의 출력 결과의 차이점을 코드에서 분석하고 그에 따른 이유를 설명합니다. � ...

Shiseido의 공식 웹 사이트와 같은 시차 스크롤 및 요소 애니메이션 효과를 달성하는 방법은 무엇입니까?
또는:
Shiseido의 공식 웹 사이트와 같은 페이지 스크롤과 함께 애니메이션 효과를 어떻게 달성 할 수 있습니까? Shiseido의 공식 웹 사이트와 같은 시차 스크롤 및 요소 애니메이션 효과를 달성하는 방법은 무엇입니까? 또는: Shiseido의 공식 웹 사이트와 같은 페이지 스크롤과 함께 애니메이션 효과를 어떻게 달성 할 수 있습니까? Apr 04, 2025 pm 05:36 PM

이 기사에서 시차 스크롤 및 요소 애니메이션 효과 실현에 대한 토론은 Shiseido 공식 웹 사이트 (https://www.shiseido.co.jp/sb/wonderland/)와 유사하게 달성하는 방법을 살펴볼 것입니다.

초보자를위한 타이프 스크립트, 2 부 : 기본 데이터 유형 초보자를위한 타이프 스크립트, 2 부 : 기본 데이터 유형 Mar 19, 2025 am 09:10 AM

엔트리 레벨 타입 스크립트 자습서를 마스터 한 후에는 TypeScript를 지원하고 JavaScript로 컴파일하는 IDE에서 자신의 코드를 작성할 수 있어야합니다. 이 튜토리얼은 TypeScript의 다양한 데이터 유형으로 뛰어납니다. JavaScript에는 NULL, UNDEFINED, BOOLEAN, 번호, 문자열, 기호 (ES6에 의해 소개 됨) 및 객체의 7 가지 데이터 유형이 있습니다. TypeScript는이 기반으로 더 많은 유형을 정의 하며이 튜토리얼은이 모든 튜토리얼을 자세히 다룹니다. 널 데이터 유형 JavaScript와 마찬가지로 Null in TypeScript

PowerPoint가 JavaScript를 실행할 수 있습니까? PowerPoint가 JavaScript를 실행할 수 있습니까? Apr 01, 2025 pm 05:17 PM

JavaScript는 PowerPoint에서 실행할 수 있으며 외부 JavaScript 파일을 호출하거나 VBA를 통해 HTML 파일을 포함시켜 구현할 수 있습니다. 1. VBA를 사용하여 JavaScript 파일을 호출하려면 매크로를 활성화하고 VBA 프로그래밍 지식이 있어야합니다. 2. JavaScript가 포함 된 HTML 파일을 포함시켜 간단하고 사용하기 쉽지만 보안 제한이 적용됩니다. 장점에는 확장 된 기능과 유연성이 포함되며, 단점에는 보안, 호환성 및 복잡성이 포함됩니다. 실제로 보안, 호환성, 성능 및 사용자 경험에주의를 기울여야합니다.

See all articles