Добавить класс к элементу внутри скрипта / шаблона

LINQ to XML Пример:
// Loading from a file, you can also load from a stream
var xml = XDocument.Load(@"C:\contacts.xml");


// Query the data and write out a subset of contacts
var query = from c in xml.Root.Descendants("contact")
            where (int)c.Attribute("id") < 4
            select c.Element("firstName").Value + " " +
                   c.Element("lastName").Value;


foreach (string name in query)
{
    Console.WriteLine("Contact's Full Name: {0}", name);
}

Ссылка: LINQ to XML в MSDN

0
задан V.Le 18 January 2019 в 16:44
поделиться

2 ответа

Это довольно просто сделать. Создайте div и установите его innerHTML в качестве содержимого шаблона. Затем добавьте div к DOM.

Вы были на правильном пути, но только что пропустили один жизненно важный шаг.

var data = [{
"Title": "One"},
{"Title": "Two"},
{"Title": "Three"}];

var template = document.querySelector('#container').innerHTML;
var contents = '';
for(var i = 0; i < data.length; i++){
 contents += template.replace(/\{\{title\}\}/, data[i].Title);
}

//var contents = template.replace(/\{\{title\}\}/, "Title");;
var section = document.createElement("div");
section.innerHTML = contents;
var innerSection = section.querySelectorAll(".section");
innerSection.forEach(el=>el.classList.add("bg-yellow"));
document.getElementById('content').appendChild(section);
.sub-section {
  background: tomato;
  width: 100px;
}

.bg-yellow {
  background: yellow!important;
  width: 100%;
  height: auto;
}
<div id="content"></div>
<script type="template" id="container">
  <div class="section">
    <div class="sub-section">
      <h1>{{title}}</h1>
    </div>
  </div>
</script>

РЕДАКТ. вопрос: - /

0
ответ дан Randy Casburn 18 January 2019 в 16:44
поделиться

Если вы зададите тип содержимого, отличный от Javascript, в тегах Script (или другой язык сценариев, который понимает браузер), он не будет интерпретироваться браузером, и вы можете просто получить к нему доступ в виде простого текста.

( Как работают теги HTML внутри тега скрипта? )

у вас нет HTML DOM, который вы вставили в свой скрипт, но вы пытаетесь запросить его. [ 113]

0
ответ дан anvita surapaneni 18 January 2019 в 16:44
поделиться
Другие вопросы по тегам:

Похожие вопросы: