在HTML中,可以使用 insertAdjacentHTML() 方法来在元素后面添加新的元素,并控制位置。该方法接受两个参数:一个是位置字符串,另一个是要插入的HTML字符串。
位置字符串有四个可选值:'beforebegin'、'afterbegin'、'beforeend' 和 'afterend'。它们分别表示在元素的之前、开头、结尾和之后插入元素。
例如,要在元素后面插入一个新元素,可以使用 'afterend':
element.insertAdjacentHTML('afterend', 'New element');
这将在元素之后插入一个新的
元素,其内容为 'New element'。
还可以使用 insertAdjacentHTML() 方法来插入多个元素,只需将元素放在一个字符串中即可:
element.insertAdjacentHTML('afterend', 'New element 1New element 2');
这将在元素之后插入两个新的
元素,其内容分别为 'New element 1' 和 'New element 2'。
还可以使用 insertAdjacentHTML() 方法来插入一些文本:
element.insertAdjacentHTML('afterend', 'New text
');
这将在元素之后插入一个新的
元素,其内容为 'New text'。
使用 insertAdjacentHTML() 方法可以在元素后面添加新的元素并控制位置,并可以使用它来插入多个元素和文本。
标签:
版权声明
1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。