Question

也许我离开了，但是我们走了。

print '<li  '.$class.'><a id="flodet" href="index.php?artikelid='.$rad["id"].'">'.$rad["header"].'</a> </li>';

此行打印链接到数据库中的文章。类flodet只是为链接设置样式。我想要做的是在类flodet中创建另一个div。我尝试用这几行javascript来做到这一点。

function myFunc() {
    var bild = document.createElement("div");
    document.getElementById('flodet').appendChild(bild);
}

我离开了还是我走在正确的轨道上？

Answer 1

这是一个可以玩的片段。

很少有建议：

'<li '.$class.'> - 这似乎是错的;使用属性class
如果需要，您可以使用li选择ul > li，并且可以避免为每个li设置课程;您甚至可以使用ul装饰父class并使用li选择ul.myList li，其中myList是{{1}的类}}

＆＃13;

ul

＆＃13;

function myFunc() {
  /* To add a 'div' inside the list item anchor */
  /*
  var bild = document.createElement("div");
  bild.innerHTML = "My new DIV";
  document.getElementById('flodet').appendChild(bild);
  */
  
  /* To add a 'div' inside each list item */
  var listItems = document.querySelectorAll("ul > li");
  
  for (var i = 0; i < listItems.length; i++) {
    var bild = document.createElement("div");
    bild.innerHTML = "My Div" + i;
    /* Add an attribute, say 'class' */
    bild.setAttribute("class", "divClass");
    listItems[i].appendChild(bild);
  }
}

window.onload = myFunc;

＆＃13;

/*  To select the list items */

ul > li {
  color: #DDD;
}

.divClass {
  border: 1px solid #F2F2F2;
}

＆＃13;

Answer 2

你很可能走在正确的轨道上，但是让我就你的小代码提出一个建议：

我使用样式来刷新链接，你最好在链接上设置class - 属性而不是id。 ID应该是唯一的 - 如果您的代码生成此类型的更多元素，则可能不是这种情况。

Answer 3

＆＃13;

document.getElementById('flodet').insertAdjacentHTML("beforeend", "<div class='inline'> World!</div>");

＆＃13;

.inline {
 display: inline-block; 
}

＆＃13;

<div id="flodet">Hello </div>

＆＃13;

看起来没问题，将它添加到document.ready或类似的东西中，你应该好好去。

我建议改变一下，

而不是

var bild = document.createElement("div");
    document.getElementById('flodet').appendChild(bild);

我会做的

document.getElementById('flodet').insertAdjacentHTML("beforeend", "<div>Hello World!</div>");

在深水。在php打印行中添加带有js的div

3 个答案: