非DOM屬性介紹

2021-09-01 22:57:44 字數 551 閱讀 2774

reat中的非dom屬性:dangerouslysetinnerhtml、ref、key

dangerouslysetinnerhtml:在jsx中直接插入html** 動態的寫入**

ref:父元件引用子元件

key:引入key的目的是提高渲染效能

react diff演算法流程圖

dangerouslysetinnerhtml演示

var rawhtml =;

reactdom.render(

,document.body);

ref演示

在p標籤上加上ref=「childp」

然後可以通過 this.refs.childp來拿到這個虛擬的p節點 注意此時拿到的並不是真正的p節點,不能進行dom操作

key演示

在元件內部key不可以重複

***列表型別的元素一定要加上唯一的key ***

DOM元素屬性

用於處理 xml文件的 dom元素屬性 屬性名描述 childnodes 返回當前元素所有子元素的陣列 firstchild 返回當前元素的第乙個下級子元素 lastchild 返回當前元素的最後乙個子元素 nextsibling 返回緊跟在當前元素後面的元素 nodevalue 指定表示元素值的讀...

DOM 屬性操作

href title id src classname var link document.getelementbyid link console.log link.href console.log link.title var pic document.getelementbyid pic con...

DOM物件介紹

dom物件介紹 一 dom簡述 dom document object model,它是w3c國際組織的一套web標準。它定義了訪問html文件物件的一套習屬性 方法和事件。dom是以層次結構組織的節點或資訊片斷的集合。文件物件模型 document object model 是給html與xml檔...