<body><div id="div" style="width:100px;height:100px;background:#ccc;"</div></body>
<script>
var oDiv = documentgetElementById('div');
oDivonclick=function(){
alert(oDivid); //结果-->div 因为id是固有属性，所以可以直接用''。如果是私有属性需要用getAttribute(属性名)的方法获取html的属性。
};
</script>
首先你的页面上必须要使用file标签，这是html获取文件的唯一途径，然后用js取页面标签的内容就可以了，具体代码如下：
HTML
<div id="divForm"><input type="file" id="myfile">
<input type="button" id="btnOpen" value="选择文件">
</div>
JS
$(function(){
$("#btnOpen")click(function(){
var path=$("#myfile")val(); //得到选择的文件的路径及文件名
});
});
html文档中的title元素，在w3c文档中，有这样的定义：
interface HTMLTitleElement : HTMLElement {
attribute DOMString text;
};
可以看到title元素继承了HTMLElement，并拥有一个text属性，该属性可读写titletext( = value)；
那么，如果我们要获得title元素之间的文本，我们可以有多种方法，
1、documenttitle；
2、titletext;(var title = documentgetElementsByTagName('title'));
3、titleinnerHTML;
第三种方法不靠谱，会返回title之间的所有东西，包括elements、注释节点；
而第一、第二种方法则是标准的获取title内容的方法，它们会忽略elements、注释等节点，返回所有text node节点字符串；
用innerHTML获取。利用原生js中的innerHTML获取到html下的所有内容，innerHTML获取的内容为字符串，便于进行正则匹配。将获取到的内容通过正则验证获取所有标签。匹配之后将html标签拼接到数组中。
HTML5新增了关于文件的File，FileReader两个对象，用于获取文件信息和读取文件信息。
var
fileInput = documentgetElementById('test-image-file'),
info = documentgetElementById('test-file-info'),
preview = docementgetElementById('test-image-preview');
//监听change事件
fileInputaddEventListener('change', function() {
//清除背景
previewstylebackgroundImage = '';
//检查文件是否选择
if(!fileInputvalue) {
infoinnerHTML = '没有选择文件';
return;
}
//获取file文件引用：
var file = fileInputfiles[0];
//获取文件信息
infoinnerHTML = '文件：' + filename + '<br>' +
'大小：' + filesize + '<br>' +
'修改：' + filelastModifiedDate;
if(filetype !== 'image/jpeg' && filetype !== 'image/png' && filetype !== 'image/gif') {
alert('不是有效的文件');
return;
}
//读取文件
var reader = new FileReader();
readeronload = function(e) {
var data = etargetresult;
previewstylebackgroundImage = 'url('+ data + ')';
};
//以DataURL的形式读取文件：
readerreaderAsDataURL(file);
})
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml。
2、在indexhtml中的<script>标签，输入js代码：var a = locationhrefsplit('/');documentbodyinnerText = a[alength - 1];。
3、浏览器运行indexhtml页面，此时成功获取到当前页面文件名indexhtml并打印了出来。
直接调用就可以了 ，前提是页面中定义的变量为全局变量且在js文件的前面<br>如：<br><script><br> var a="123132";<br><br></script><br><script src="testjs"></script><br>testjs里面直接调用：<br>alert(a);
以上就是关于怎么通过js获得html文档中id的名字全部的内容，包括:怎么通过js获得html文档中id的名字、怎样 通过html代码或者 JS 访问 本地浏览文件夹、怎么在html的js中获取当前全景的title等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）