Пользовательские значения HTML-тегов

Можно ли создавать собственные значения (текст между HTML-тегами) моих пользовательских HTML-тегов?Пользовательские значения HTML-тегов

Я использовал этот код:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
    <script> 
    $(document).ready(function() { 
     $("eg").replaceWith("<h2>// See under body tags the value</h2>"); 
    }); 
    </script> 
</head> 
<body> 
    <eg>My text</eg> 
</body> 
</html>

Между <h2> тегов (Не думаю, что следует использовать только h2 тег без JS) в моем коде JavaScript можно поместить любой текст, который я хотел бы иметь.

Пример: <eg>I can type any text here but it'll be still in h2 tag settings</eg>

То, что я должен написать между <eg></eg> в JS, чтобы иметь какое-либо значение h2, что будет написано в моем HTML-коде?

источник

2015-11-15 Anonymous

'$ ('eg'). Text ('my text');'? – andlrc

Если вы хотите заменить <eg>Test</eg> на <h2>Test</h2>, то вы можете просто сделать это: $("eg").replaceWith("<h2>" + $("eg").html() + "</h2>");.

Вот пример: http://plnkr.co/edit/urd69pJSXQngGIsYYSjq

источник

2015-11-15 20:58:02 nickdbush

Спасибо! Оно работает! :) –

Можете вы пометить его как ответ, пожалуйста? Благодаря! – nickdbush

Если я правильно понять, вы просто хотите, чтобы добавить элемент в DOM, так что вы можете просто использовать метод HTML следующим образом:

$("eg").html("<h2>Any text can be placed here</h2>");

Посмотрите на docs, если вам нужно больше Информация.

Примечание: вы закрыли, но не открыли тег тела.

Заменить:

</body>

С чем-то вроде:

<body> <eg> Your custom content is between body tags now </eg> </body>

И у вас также есть два HTML-теги, удалите вторую

<html>

источник

2015-11-15 20:54:44 loujaybee

Нет, не будет HTML больше. Однако, если вы написали xHTML (который является формой XML), то вы можете расширить DOM своими собственными элементами. Но это будет XML, а не HTML.

И если вы попытались добавить пользовательские элементы на страницу, браузеры не знали, что с ними делать. Даже если некоторые браузеры могут отображать их, это очень плохая идея. Вместо этого используйте имя класса.

источник

2015-11-15 20:56:42

Создание и использование пользовательских тегов является плохой идеей. Его следует избегать.

Вы, вероятно, ищете это:

<!DOCTYPE html> 
<html> 
<head> 
    <script src="https://code.jquery.com/jquery-2.1.4.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("#my_h2").html("<h2>Any text can be placed here</h2>"); 
     }); 
    </script> 
</head> 
    <h2 id="my_h2"></h2> 
</body> 
</html>

Более подробную информацию, прочитать вверх по CSS селекторов. (Они такие же, как селекторы jQuery.)

Надеюсь, это поможет.

источник

2015-11-15 20:58:18

Пользовательские значения HTML-тегов

ответ

Смежные вопросы