Я хотел бы добавить идентификатор в строку, которая содержит класс с указанным именем. например. Если веб-сайт заблокирует «div» или «li», который содержит класс с именами, такими как «name-1 name-2 name-3», эта функция обнаружит класс с именем «name-1» и вставит элемент id = «menu» что строка выглядит так: Вы можете помочь? Я попробовал это:

<div class="menu-item menu-item-object-custom menu-item-has-children">
I am a DIV or LI element
</div>

<button onclick="myFunction2()">Try it</button>

<script>
function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
        x.document.createElement("id");
}
</script>
4
Jajosz Afrykański 11 Янв 2017 в 13:45

3 ответа

Лучший ответ

Вам не нужно document вот что вам нужно:

function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
        x.id="menu"
}

Но вы должны посмотреть в jQuery для таких вещей:

$('.menu-item-has-children').attr('id','menu')

Все, что вам нужно сделать для использования jQuery, это добавить этот тег:

<script src=https://code.jquery.com/jquery-1.11.3.min.js></script> на ваш элемент HEAD.


Вы можете начать изучать jQuery, изучая селекторы и атрибуты. Используя эту ссылку:

8
Aminadav Glickshtein 11 Янв 2017 в 10:50

Вы можете использовать Document.querySelectorAll ():

function myFunction2() {  
  var elements = document.querySelectorAll('.menu-item-has-children');
  
  if (elements.length) {
    elements[0].id = 'menu';
  }
}
#menu {color:red;}
<div class="menu-item menu-item-object-custom menu-item-has-children">
  I am a DIV or LI element
</div>

<div class="menu-item menu-item-object-custom">
  I am another DIV or LI element
</div>

<button onclick="myFunction2()">Try it</button>
0
Yosvel Quintero Arguelles 13 Янв 2017 в 10:41

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

<script>
function myFunction2() {
    var x = document.getElementsByClassName("menu-item-has-children")[0];
    $('.'+x).attr('id','menu');
}
</script>
0
Pooja 11 Янв 2017 в 10:53