This time I will bring you JS dynamic operation of HTML tags. What are the precautions for JS dynamic operation of HTML tags? The following is a practical case, let's take a look.
1 Introduction
Dynamicly adding an HTML tag can be achieved using thecreateElement() method.
CreateElement()The method can create an HTML tag based on a specified type.
Syntax:
##sElement=document.createElement(sName)<a href="//m.sbmmt.com/code/658.html" target="_blank"></a>
: Used to receive an object returned by this method.
sName: Used to set the type and basic attributes of HTML tags.
Second ApplicationDynamicly add a text box
This example clicks the "Dynamic Add Text" button to add Dynamically add a text box to the page.
Three Code I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the PHP Chinese website! <html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>动态添加HTML标记</title>
<script language="javascript">
<!--
function addText()
{
var txt=document.createElement("input");
txt.type="text";
txt.name="txt";
txt.value="动态添加的文本框";
document.fm1.appendChild(txt);
}
-->
</script>
</head>
<body>
<form name="fm1">
<input type="button" name="btn1" value="动态添加文本框" onclick="addText();" />
</form>
</body>
</html>Copy after login
Recommended reading:
What are the basic algorithms of Js
##vue-infinite-loading2.0 usage instructions
The above is the detailed content of JS dynamically manipulates HTML tags. For more information, please follow other related articles on the PHP Chinese website!
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
