在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>