将
a
标签中的自定义属性
videolink
的值传给
video
标签的
src
属性
<a href="#video0" class="wiggle" videolink="this is a videolink"><img src="../img/bv3.png"></a>
点击a标签跳转到video0
<div class="lightbox" id="video0">
<video class="mid" src="###" controls="controls" id="video">您的浏览器不支持查看该视频。</video>
</div>
<script>
var list = document.getElementsByTagName("a")
var video = document.getElementById('video')
for (var i = 0; i < list.length; i++) {
list[i].onclick = function() {
var link = this.getAttribute("videolink");
video.setAttribute("src", link);
</script>
将a标签中的自定义属性videolink的值传给video标签的src属性<a href="#video0" class="wiggle" videolink="this is a videolink"><img src="../img/bv3.png"></a>点击a标签跳转到video0<div class="lightbox" id="video0"> <video class="mid" src="###" control
在jquery的click方法中将this的ownattr属性赋值给完整内容的div标签
然而这却一直行不通
一阵研究后发现，原来项目框架是用jquery ajax获取后台列表信息的，页面在执行到click方法时，ajax还没完成
随后决定采用基本的js
1、绑定
自定义属性：
(1)元素节点.
属性或元素节点[
属性]绑定的
属性不会出现在
标签中，setAttribute可以出现在
标签中。
(2)setAttribute获取不到元素节点.
属性形式绑定的
属性值，同样元素节点.
属性也获取不到setAttribute绑定的
属性值
2、绑定内部规定
属性：
(1)元素节点.
属性或元素节点[
属性]会出现的
标签中，setAttribute也出现在
标签中。
比如给Id为a的A标签添加一个title的属性
<script>setTimeout(function(){document.querySelector('a').title = 'test';},0);</script>
转载于:https://www.cnblogs.com/cc1079154808/p/6121085.html...
如分页按钮组合中的：上一页、下一页、首页、末页
如判断为首页，那么上一页和首页按钮应该是不可点击的，设置如下。
function firstPageEnablePageBtn(isEnable) {
var firstPage = document.getElementById("firstPage");
var prePage = docume...
利用a标签的download属性，生成一个文本下载文件，当字符串中有中文时候，通常就会出现保存的txt文件编码默认为utf-8，以下代码可以解决文本文件编码为utf-8或ansi格式自定选择。
function base64(vStr){
//base64编码代码略，自行去寻找插件。这里模拟直接返回编码后的值。
return '5Yip55SoQeagh+etvueahGRvd25s...
a标签以及其她普通标签没有disabled属性，要想实现类似input框属性disabled可以通过css样式设置pointer-events的值来设定：
<!DOCTYPE html>
<title>a onclick disabled</title>
<scr...
js动态改变a标签的id和内容document.getElementById("id").innerText = "content";
$("#id").text("content");
document.getElementById("id").id = "otherID";js动态添加元素的方法
after， 添加在指定元素的后面（指定元素外）
before, 添加在指定元素
DOM:Document Object Model --->文档对象模型----操作页面的元素
html文件看成是一个文档,那么这个文档看成是一个对象,文档中的所有的标签都可以看成是一个对象
页面中的每个标签,都是一个元素(element),每个元素都可以看成是一个对象，每一个标签的属性都可以看做对象的属性
HTML代码部分如下：
<input type="button"...
在Vue中，渲染
自定义组件同样非常简单。可以通过在模板中使用组件
标签的方式来引用
自定义组件。例如，如果我们有一个名为`my-component`的
自定义组件，可以在模板中这样使用它：
```html
<template>
<my-component></my-component>
</template>
在上面的例子中，我们在模板中使用了`my-component`
标签来引用
自定义组件。当Vue编译模板时，会自动将其转换为对应的渲染函数，并将组件实例化并插入到DOM中。
除了简单地引用
自定义组件外，我们还可以通过给
自定义组件
传递props来实现更高级的组件渲染。利用props，我们可以在组件内部根据不同的数据来显示不同的内容。例如，我们可以这样定义一个带有props的
自定义组件：
```
javascript
Vue.component('my-component', {
props: ['message'],
template: '<div>{{ message }}</div>'
在上面的代码中，我们定义了一个名为`my-component`的
自定义组件，它接受一个名为`message`的props。然后，在组件的模板中，我们使用了`{{message}}`来显示传入的`message`
属性。当我们在模板中使用该组件时，可以这样给它
传递props：
```html
<template>
<my-component message="Hello, world!"></my-component>
</template>
在上面的例子中，我们向`my-component`组件
传递了一个名为`message`的
属性，值为`Hello, world!`。当组件渲染时，会显示出该
属性的值。这样，我们就可以根据不同的数据来动态地渲染
自定义组件。
