Darth_EF 发表于 2020-10-22 01:54:43

求怎么在textnode换行

我想要用append()方法添加一串字符串在某个元素的末尾，该怎么换行呢?

Dear黑色 发表于 2020-11-21 13:46:22

\r \n    {:10_256:}

Darth_EF 发表于 2020-11-21 19:29:13

Dear黑色 发表于 2020-11-21 13:46
\r \n

你在这个页面试试看。document.getElementById("postmessage_5109200").append("123\r\n321");

不二如是 发表于 2020-11-22 09:15:30

textnode换行是什么意思？

Darth_EF 发表于 2020-11-22 23:56:10

不二如是 发表于 2020-11-22 09:15
textnode换行是什么意思？

html有两种节点，一种是textnode，一种是element。html的换行符号<br/>是一个element。

我希望要在textnode里换行并且在append或before方法时让它换行，而不是添加一个Text之后又加一个HTMLBRElement再加Text。

不二如是 发表于 2023-7-21 08:34:58

Darth_EF 发表于 2020-11-22 23:56
html有两种节点，一种是textnode，一种是element。html的换行符号是一个element。

我希望要在textnode ...

可以在字符串中使用 \n 来添加换行:

// 目标元素
const element = document.getElementById('element');

// 要添加的字符串
const str = '第一行\n第二行\n第三行';

element.append(str);
在字符串里用 \n 就可以实现换行。

另外,也可以用模板字符串,用反引号分割字符串,然后直接换行:

const str = `第一行
第二行
第三行`;

element.append(str);
模板字符串就可以直接换行,不需要写 \n。

还可以通过 append() 追加 DOM 元素来实现换行效果:

const line1 = document.createElement('div');
line1.textContent = '第一行';

const line2 = document.createElement('div');
line2.textContent = '第二行';

element.append(line1);
element.append(line2);
以上都是实现追加换行的方法。

歌者文明清理员 发表于 2023-7-21 14:42:34

不二如是 发表于 2023-7-21 08:34
可以在字符串中使用 \n 来添加换行:




{:10_256:}你也不择手段了
页: [1]
查看完整版本: 求怎么在textnode换行