其实在之前的代码中,我们已经实现用js,对原来的js的页面进行一些动态的操作,这次我将用外置的js来实现这些操作;
外置js只需要在html页面中获取js文件即可
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS的CRUD</title>
<!--//外部引入的js;-->
<script src="index.js"></script>
</head>
<body>
<div id="main">
<p>我是描述图片的</p>
</div>
</body>
</html>
上面是html页面中我仅仅引入js,下面的js文件中我将js做一些操作
其实原理中,在js中获取到标签或者页面,然后获取到这个标签做一个增删改查的操作;
//
// 增--往网页中写东西;
document.write('helloworld');
//拿到div;
var main = document.getElementById('main');
console.log(main);
//创建图像标签;
var img = document.createElement('img');
img.src = 'img/dkls.png';
main.appendChild(img);
//删除;
img.remove();
//查;getElementBy 等四种方式;
查就是我们经常用到的,获取标签,通常通过id,或者通过name等四种方式,这里就不做过多的演示。
var img = document.getElementsByName(‘icon’)[0];
var pre = document.getElementsByTagName(‘button’)[0];
var next = document.getElementsByTagName('button')[1];