Краткий ответ: вы можете попробовать вставить ссылки на файлы SVG. Для элементов и
используйте:
e.parentElement.replaceChild(e.contentDocument.documentElement.cloneNode(true), e);
... где e
является ссылочным элементом. Если вам абсолютно необходим элемент , измените
.contentDocument
в приведенном выше коде на .getSVGDocument()
(требуются скобки). Обратите внимание, однако, что .getSVGDocument()
теперь не рекомендуется и поэтому не рекомендуется, но уже рекомендуется использовать или
вместо
в любом случае.
Для получения более полного ответа см. мой другой ответ SO по этому вопросу .
'# someDiv' - это селектор CSS CSS3 , который семантически эквивалентен getElementById ('someDiv')
в том смысле, что он выберет элемент с идентификатором 'someDiv'. Итак:
document.getElementById('someDiv')
==
// bracket notation will return a DOM element
$("#someDiv")[0]
// leaving it out will return a jQuery object
$("#someDiv")
Как сказали karim79 и другие, #someDiv выбирает элемент с идентификатором "someDiv" Итак, чтобы это работало, вам также нужно будет разместить элемент где-нибудь в вашем HTML с этим идентификатором. Что-то вроде
<p id="someDiv">Your message</p>
#someDiv
- это идентификатор элемента (я полагаю, div), который вы хотите показать. Вы бы поместили свой текст или все, что хотите показать в элементе с id = 'someDiv'
someDiv
— это просто идентификатор, связанный с элементом.
#someDiv
— это просто элемент с "someDiv"
в качестве идентификатора (это правильно для CSS или Javascript).
В этом случае вы ""загружаете"" #somediv
, а затем показываете его (используя jquery) или прячете (с помощью мыши или без нее)