// 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
Это довольно просто сделать. Создайте 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>
РЕДАКТ. вопрос: - /
Если вы зададите тип содержимого, отличный от Javascript, в тегах Script (или другой язык сценариев, который понимает браузер), он не будет интерпретироваться браузером, и вы можете просто получить к нему доступ в виде простого текста.
( Как работают теги HTML внутри тега скрипта? )
у вас нет HTML DOM, который вы вставили в свой скрипт, но вы пытаетесь запросить его. [ 113]