я могу получить значение тега XML для использования в HTML, или я могу использовать <ul>& <il>в JavaScript? - PullRequest
Новая
       0

я могу получить значение тега XML для использования в HTML, или я могу использовать <ul>& <il>в JavaScript?

0 голосов
/ 27 сентября 2019

В основном у меня есть домашнее задание, чтобы получить данные XML и отобразить их на странице html, поэтому данные XML выглядят следующим образом 

<job>
 <id>4821a</id>
 <title>Engineer On Site</title>
 <url>https://www.google.com/</url>
 <company_name>Fast Connection, Ltd.</company_name>
 <company_logo>https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg</company_logo>
 <country>United States</country>
 <jobCategory>Engineering</jobCategory>
 <jobIndustry>Information Technology and Services</jobIndustry>
 <employmentType>Contract</employmentType>
 </job>

, а фрагмент кода HTML выглядит следующим образом 

<section class="site-section">
      <div class="container">
        <ul class="job mb-5">
          <li class="job d-block d-sm-flex pb-3 pb-sm-0 align-items-center">
            <a href="jobexample.html"></a>
            <div class="job-logo">
              <img src="images/job_logo_2.jpg" alt="Free Website Template by Free-Template.co" class="img-fluid">
            </div>
            <div class="job-about d-sm-flex custom-width w-100 justify-content-between mx-4">
              <div class="job-position custom-width w-50 mb-3 mb-sm-0">
                <h2>Insert-Job</h2>
                <strong>Insert-Company</strong>
              </div>
              <div class="job-location mb-3 mb-sm-0 custom-width w-25">
                <span class="icon-room"></span> Insert-City 
              </div>
              <div class="job-meta">
                <span class="badge badge-success">Insert-emplyementtype</span>
              </div>
            </div>
          </li>
        </ul>
      </section>

так что в основном мне нужно получить данные XML и показать их на html-странице

на основе моих поисков, обычно в сценарий вставляется компонент пользовательского интерфейса html-страницы, однако нам сказали сделать«лучший интерфейс с использованием таких тегов, как section, ul, & li» вместо barebone-таблицы, и я не смог найти учебник, если бы кто-то вставил теги в сам скрипт

, поэтому моя идея заключалась в том, чтобы получить данные XML какзначение переменной, затем показать значение переменной с помощью обычного значения

Можно ли это сделать, или я должен вставить теги в сам скрипт?

edit: и можно ли использовать «для», чтобы повторнополучить и показать данные XML, если в моем файле XML несколько данных, например?

1 Ответ

0 голосов
/ 27 сентября 2019

Вы можете использовать DOMParser для чтения вашей информации XML.С этого момента легко создавать и добавлять элементы.Пример для начала: 

let text = '';
text+= '<job>';
text+= '<id>4821a</id>';
text+= '<title>Engineer On Site</title>';
text+= '<url>https://www.google.com/</url>';
text+= '<company_name>Fast Connection, Ltd.</company_name>';
text+= '<company_logo>https://upload.wikimedia.org/wikipedia/commons/8/84/Example.svg</company_logo>';
text+= '<country>United States</country>';
text+= '<jobCategory>Engineering</jobCategory>';
text+= '<jobIndustry>Information Technology and Services</jobIndustry>';
text+= '<employmentType>Contract</employmentType>';
text+= '</job>';
let parser = new DOMParser();
let xmlDoc = parser.parseFromString(text,"text/xml");
let countries = xmlDoc.getElementsByTagName('country');
console.log(countries[0].childNodes[0].nodeValue); // United States

let ulist = document.createElement('ul');
let listitem = document.createElement('li');
listitem.innerText = countries[0].childNodes[0].nodeValue;

ulist.appendChild(listitem)
document.body.appendChild(ulist);
<html>
<body>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...