借助ChatGPT写一个JavaScript脚本,实现向文章中适当的位置插入3个联系方式


        在ChatGPT中,通过下述脚本,可以生成代码,实现向文章中添加3个相同或者不同的字符串(联系方式),这种需求,一般用来在SEO中,把联系方式添加到文章中,达到引流的效果。

一、中文脚本:

        请使用javascript写一段代码,实现向body元素插入字符串的功能,并加粗该字符串,同时设置该字符串颜色为红色。要求,在BODY元素的第2个P标签内追加第一个字符串“导航:ABC”;在BODY元素的中间追加第二个字符串“导游:DEF”;在BODY元素的倒数第二个P标签内追添加第三个字符串“导游:HIG”

二、实现代码:

<script>

// 获取body元素,或者指定ID的元素
const bodys = document.querySelector('#imgshow');

// 创建需要添加的字符串
const str1 = document.createElement('strong');
str1.style.color = 'red';
str1.textContent = '导游:ABC';

const str2 = document.createElement('strong');
str2.style.color = 'red';
str2.textContent = '导游:DEF';

const str3 = document.createElement('strong');
str3.style.color = 'red';
str3.textContent = '导游:HIG';

// 获取body元素的p标签列表
const pList = bodys.querySelectorAll('p');

// 在第2个p标签内追加第一个字符串
const p2 = pList[1];
p2.appendChild(str1);

// 在body元素中间追加第二个字符串
const midIndex = Math.floor(pList.length / 2);
const midP = pList[midIndex];
midP.appendChild(str2);

// 在倒数第二个p标签内追添加第三个字符串
const last2P = pList[pList.length - 2];
last2P.appendChild(str3);

</script>