From c5ee9687c943cc9a8a9ef312dc5370fc6236a6e2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E8=A7=89?= Date: Wed, 15 May 2024 22:50:58 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BD=BF=E7=94=A8=E8=AF=B4=E6=98=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/README.md b/README.md index f662052..ccd5355 100644 --- a/README.md +++ b/README.md @@ -60,3 +60,18 @@ div(option).children([ div.text('Hello world!') ]) ``` + +由于返回值是真实的 DOM 对象, 它具有原生 DOM 对象的所有方法, 因而可以这样使用它 +```javascript +const demo = div.w(128).h(64).children([ + div.text('Hello world!'), + div.text('Hello world!'), + div.text('Hello world!') +]) +demo.textContent = 'hello world!' +document.body.appendChild(demo) +``` + +然而 dom 元素的 textContent 并不是一个函数方法而是一个变量值, 自然无法使用链式调用 `demo.textContent('hello world!')` +为了减少代码量也为了避免破坏dom基本结构, 所有额外提供的方法都使用缩写, +像是这样 `demo.text('hello world!')`