dhtml предоставляет два метода для добавления: InsertAdjacentHTML и InsertAdjacentText.
Метод InsertAdjacentHTML: вставляет оператор тега HTML в указанное место.
Прототип: InsertAdjacentHTML(swhere,stext)
параметр:
swhere: указывает место вставки операторов тега html. Доступны четыре значения:
1.beforeBegin: вставить перед началом метки.
2.afterBegin: вставка после начального тега метки.
3.beforeEnd: вставить перед конечным тегом тега.
4.afterEnd: вставка после конечного тега метки.
stext: контент, который нужно вставить
пример:
Скопируйте код кода следующим образом:
var sHTML="<input type=button go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Привет из вставленного скрипта.") }'
sScript = sScript + '</script' + '>';
ScriptDiv.insertAdjacentHTML("afterBegin",sHTML + sScript);
Добавьте строку в тело html:
<DIV ID="ScriptDiv"></Div>
В итоге получается:
Скопируйте код кода следующим образом:
<DIV ID="ScriptDiv">
<input type=button onclick=go2() value='Click Me'><BR>
<ОТЛОЖЕНИЕ СКРИПТА>
function go2(){alert("Привет из вставленного текста.")}'
</скрипт>
</DIV>
Метод InsertAdjacentText аналогичен методу InsertAdjacentHTML, за исключением того, что он может вставлять только простой текст и имеет те же параметры.
Эти два атрибута вполне применимы, особенно в рисовании и других местах. Их преимущество в том, что они не перезаписывают исходное содержимое. Предположим, что существует DIV, в котором уже есть контент. Теперь нам нужно добавлять контент динамически, не перезаписывая. исходное содержимое, поэтому на данный момент это очень важно. InternalHTML перезапишет исходное содержимое.
Весь HTML-код, который отображается парами, может использовать этот атрибут, аналогичный внутреннему HTML. Например, <body>..</body>, <div>....</div> и т. д. имеют эти два атрибута. .
Дополнение: я только что попробовал, и атрибут InnerHTML доступен для чтения и записи. Раньше я знал, что внутренний HTML может вставлять контент в узлы, но этот атрибут также доступен для чтения, а это означает, что внутренний HTML сохраняет содержимое узла в формате html. поймите это полностью, выполнив следующий код:
Скопируйте код кода следующим образом:
<html>
<голова>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Документ без названия</title>
</голова>
<тело>
Сафдсдаф место вовремя
<script Language="JavaScript">
оповещение(document.body.innerText)
</скрипт>
</тело>
</html>
Выше приведен код, который я отправил другим. Я добавлю несколько строк кода ниже. Возможно, вы можете его использовать:
Скопируйте код кода следующим образом:
<script Language="javascript" type="text/javascript">
функция addFile()
{
var filebutton = '<br><input type="file" size="50" name="File" />';
document.getElementByIdx('FileList').insertAdjacentHTML("beforeEnd",filebutton);
}
</скрипт>
Выше приведен скрипт в заголовке, а ниже — html-код в теле:
Скопируйте код кода следующим образом:
<p id="СписокФайлов">
<input type="file" runat="server" size="50" name="File"/>
</p>
Вы можете увидеть эффект, скопировав код в файл и сохранив его в формате html.