Question

我想根据客户在cms后端中声明的CSS类，向客户网站添加内容。因此，例如，如果他输入“柏林”，则应显示带有城市名称的HTML元素。如果他键入“柏林慕尼黑”，则应显示两个元素，依此类推。

到目前为止，这是我的代码：

var course = document.querySelector(".course");
var courseClass = course.className;
var locations = [
"Berlin", "Munich", "London"
];

function addLocations () {
    for(var i = 0; i < locations.length; i++) {
        if (courseClass.includes(locations[i])) {
            course.innerHTML = `<h1>${locations[i]}</h1>`
        }
    }
}

addLocations();

HTML：

<div class="ce_text course cham block">
<h2>Tierheilpraktiker</h2>
<p><strong>Komplettausbildung<br></strong><br>
beinhaltet Veterinärmedizinische Grundlagen / klassische Homöopathie nach
Hahnemann / Tierakupunktur Komplettausbildung nach TCM /
Phytotherapieausbildung (als Option mit Ausbildung Touch for Health
einzigartig in dieser Kombination)</p>
</div>

也许有人可以帮助我：）

Answer 1

我会做这样的事情：

dimension=(340,220,19)

HTML看起来像这样

var courses = document.getElementsByClassName("course");
var locations = ["Berlin", "Munich", "London"];
for(var i = 0; i < courses.length; i++) {
  var list = courses[i].className.split(" ");
  for(var j = 0; j < locations.length; j++) {
    if (list.includes(locations[j])) {
        courses[i].innerHTML = courses[i].innerHTML + " " + locations[j];
    }
   }
}

Answer 2

您也许可以拆分className来使代码正常工作：

var courseClass = course.className.split(" ");

添加HTML-使用Java徽章

2 个答案: