JS-WEB-APIに関する質問

3470 ワード
まずこの部分について話します.私が出会った面接問題です.
  • DOMは、どの基本的なデータ構造(ツリー型データ構造)に属していますか?
  • DOMは、よく使われるAPIを操作します.(操作といえば、データ処理です.主に増加、削除、修正、調査、これらの部分によって、常用APIを言えばいいです.)
  • DOMノードのAttributeとpropertyの違いは何ですか?(propertyはjsの属性であり、atributeは対象である)
    • 一、(増)
  • document.creat Element(元素名)
  • document.creat Attribute(“属性名”)
  • document.create Text Node(テキストノード)
    • 二、(削除)
  • parent.removeChild()
    • 三、(改)3.1 htmlのDOM
  • parent.replacceChild(newnode,oldnode)
  • parent.insertBefore(newnode、parentchildnoed)
  • parent.apendChild()
    • 3.2変更内容
  • el.innersHTML
  • el.textContent
    • 3.3属性を変更する3.3.1コアDOM
  • elem.getAttribute(属性名)を取得し、属性値
    • を取得する.
  • elem.set Attribute(「属性名」「属性値」)
  • elem.hasAttribute(''属性名')は、属性
    • が含まれているかどうかを判断する.
  • elem.removeAttribute、削除属性3.3.2(拡張)HTML DOMアクセス属性:一部のHTML標準属性はすべてHTML DOMによって要素オブジェクトにカプセル化されているので、このような形=>elem.属性名は、一般的なオブジェクトで属性を操作しても良い
  • 取得、el.属性名
  • 修正、el.属性名=「値」
  • 判定、el.属性名!=「値」
  • 除去、l.属性名=";
    • 四、(調べ)4.htmlのdom元素を取得する4.1.1.htmlで検索する(4種類)
  • はid、Dcument.getElemenntById(“id”)
    • を押します.
  • は、標準的に署名されており、parent.getElements ByTagName(「ラベル名」)は、これが取得された行列
    • であることに留意されている.
  • name属性によると、document.getElementsByName(「name」)／検索フォーム
  • はクラス名によって、parent.getElements ByClass Name(‘クラス名’)
    • 4.1.2 HTMLのcssセレクタで検索する
  • は一つの要素だけを検索します.parent.querySelector
  • 複数の要素を探しています.parent.querySelector(「selector」)
    • 備考:語句を検索する前にdocumentがあるのはdocumentを強制的に使うので、parentの表現で、元素の祖先の元素を検索するのです.
    4.2ノード関係で親子関係を検索する:
  • node.parent Node
  • node.childNodes
  • node.firstChild
  • node.lastChild
    • 兄弟の間柄
  • node.previous Sibling
  • node.nextSibling(ノードであるため、ウェブページのすべてがノードであり、見えない改行や空の文字もテキストノードであるため、一定の干渉を引き起こし、次のコードを見る)
    • //html  
< button id="btn" >< /button >
< div >
	xxx
< /div >
//js  
let btn = document.getElementById('btn')
let btntype = btn.nextSibling
console.log(btntype)
//         ，   div
//   div   ，   #text，
    Pandsデータ操作まとめ