Javascript Js在我的网站上不能像预期的那样工作，即使它在codepen上也能工作

我试图设计一个js算法，该算法在我的产品详细信息页面上超越了现有的HTML。这是在XML集成到我的网站后需要的。我想将此规范可视化为表，但在XML集成后，它只允许在我的网站上存储为HTML的段落标记

所以,

这是我的代码，它在codepen上运行得非常好，但在我的wordpress网站上却不行

JS

var a、b、c、d、e、f；
var bazes=document.getElementById（“prd desc”）.getElementsByTagName（“div”）[0].getElementsByTagName（“p”）；
var bazes_t=document.getElementById（“prd desc”）.getElementsByTagName（“div”）[0]；
a=bazes[0]。innerText；
b=bazes[1]。innerText；
c=bazes[2]。innerText；
d=bazes[3]。innerText；
e=bazes[4]。innerText；
f=bazes[6]。innerText；
//控制台日志（c）；
bazesıt.innerHTML='Kod a Ebat aıklama2 Reklam Alanıaıklama3 Renk aıklama4 Merkez Stok aıklama5 Toplam Stok aıklama6.外盒{边框：两倍实心；边框样式：凹槽；宽度：%100；高度：自动；}.col1头，.col2头{字体重量：粗体；颜色：蓝色；}.col1描述：：之前，.col2 desc:：在{content:：“；}”之前；
log（bazes_t.getElementsByTagName（“td”）[1].innerText）；
bazes_t.getElementsByTagName（“td”）[1].innerText=a；
bazes_t.getElementsByTagName（“td”）[3].innerText=b；
bazes_t.getElementsByTagName（“td”）[5].innerText=c；
bazes_t.getElementsByTagName（“td”）[7].innerText=d；
bazes_t.getElementsByTagName（“td”）[9].innerText=e；
bazes_t.getElementsByTagName（“td”）[11].innerText=f

拉西弗特

比西克莱特·雅卡·拉西弗特·蒂约尔特

M贝登

1458

1458


*%100帕穆克鲁*30/1苏普雷姆·库马*斯滕尼伦·伦克·贝德勒德·迪金·亚普·勒尔*扬丹·迪基利*145克

不确定您想用这段代码做什么，只需更改您的javascript代码（只需添加window.onload，它就可以工作了）

window.onload = function(){
  var a,b,c,d,e,f;
  var bazes = document.getElementById("prd-desc").getElementsByTagName("div")[0].getElementsByTagName("p");
  var bazes_t = document.getElementById("prd-desc").getElementsByTagName("div")[0];

  a = bazes[0].innerText;
  b = bazes[1].innerText;
  c = bazes[2].innerText;
  d = bazes[3].innerText;
  e = bazes[4].innerText;
  f = bazes[6].innerText;

  //console.log(c);

  bazes_t.innerHTML = '<div class ="outer-box"> <table id="urun_inf"> <tr> <td class="col1-head"> Kod </td> <td class="col2-desc">a</td> </tr> <tr> <td class="col1-head"> Ebat </td> <td class="col2-desc"> Açıklama2 </td> </tr> <tr> <td class="col1-head"> Reklam Alanı</td> <td class="col2-desc"> Açıklama3 </td> </tr> <tr> <td class="col1-head"> Renk </td> <td class="col2-desc"> Açıklama4 </td> </tr> <tr> <td class="col1-head"> Merkez Stok </td> <td class="col2-desc"> Açıklama5 </td> </tr> <tr> <td class="col1-head"> Toplam Stok </td> <td class="col2-desc"> Açıklama6 </td> </tr> </table> </div><style> .outer-box{ border : 2px solid; border-style : groove; width : %100; height : auto;}.col1-head,.col2-head{ font-weight : bold; color : blue;}.col1-desc::before,.col2-desc::before{ content : ":";}</style>';

  console.log(bazes_t.getElementsByTagName("td")[1].innerText);

  bazes_t.getElementsByTagName("td")[1].innerText = a;
  bazes_t.getElementsByTagName("td")[3].innerText = b;
  bazes_t.getElementsByTagName("td")[5].innerText = c;
  bazes_t.getElementsByTagName("td")[7].innerText = d;
  bazes_t.getElementsByTagName("td")[9].innerText = e;
  bazes_t.getElementsByTagName("td")[11].innerText =f;
}

window.onload=function（）{
变量a、b、c、d、e、f；
var bazes=document.getElementById（“prd desc”）.getElementsByTagName（“div”）[0].getElementsByTagName（“p”）；
var bazes_t=document.getElementById（“prd desc”）.getElementsByTagName（“div”）[0]；
a=bazes[0]。innerText；
b=bazes[1]。innerText；
c=bazes[2]。innerText；
d=bazes[3]。innerText；
e=bazes[4]。innerText；
f=bazes[6]。innerText；
//控制台日志（c）；
bazesèu t.innerHTML='Kod a Ebat aıklama2 Reklam Alanıaıklama3 Renk aıklama4 Merkez Stok aıklama5 Toplam Stok aıklama6.外盒{边框：两倍实心；边框样式：凹槽；宽度：%100；高度：自动；}.col1头，.col2头{字体重量：粗体；颜色：蓝色；}.col1 desc:：before，.col2 desc:：before{content:：“；}”；
log（bazes_t.getElementsByTagName（“td”）[1].innerText）；
bazes_t.getElementsByTagName（“td”）[1].innerText=a；
bazes_t.getElementsByTagName（“td”）[3].innerText=b；
bazes_t.getElementsByTagName（“td”）[5].innerText=c；
bazes_t.getElementsByTagName（“td”）[7].innerText=d；
bazes_t.getElementsByTagName（“td”）[9].innerText=e；
bazes_t.getElementsByTagName（“td”）[11].innerText=f；
}
它以什么方式不起作用？因为它在其他任何地方都起作用，所以您需要明确说明它是如何起作用的（例如，浏览器开发人员工具控制台中的任何错误）。问题是，我认为代码试图在加载窗口之前捕获id，所以错误是“getelementbyid.getElementsByTagName（”）函数不适用于空值。再次感谢much@O.k是的，因为页面还没有加载，元素也没有（可访问/呈现），这就是为什么我们添加了onload，并获得了所有元素。