Javascript 将当前URL文件名作为类添加到div中

我正在尝试将文件名（从URL中提取）添加到

div

以下是我迄今为止的尝试：

<script type="text/javascript">
var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
filename = filename.replace('.','_');
</script>

<div class="myinterior "<script>document.write("+filename+");</script>></div>

var url=window.location.pathname；
var filename=url.substring（url.lastIndexOf（'/'）+1）；
filename=filename.replace（'.'，''）；

整个脚本按字面方式呈现，而不是添加文件名。我做错了什么？如果需要，我也可以使用jQuery

---

谢谢

这相当于jQuery中的代码：

<script type="text/javascript">
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    filename = filename.replace('.','_');
    $('.myinterior').addClass(filename);
</script>

<div class="myinterior"></div>

HTML:

---

内联JS是糟糕编码的标志，因为它几乎不可维护。document.write是一种糟糕的表单。在定位选择器之后，在第一个

标记内使用其他方法，如

innerHTML=filename

，就像您应该定位选择器一样。而这并不是哈特通过谷歌搜索框来发现的。。。。或者在

标记前面加上一个注释

。对于JS“如果需要，我也可以使用jQuery”的情况，也不需要

type=“text/javascript”

。“如果需要”。真的需要jQuery吗？来吧，阿明，你比那更好@blex我太习惯jQuery了，几乎记不起JS了！：）但无论如何注意到并更新了！运行

var elem=document.getElementsByClassName（'myinterior'）返回“未定义”。
getElementsByClassName
是本机js函数吗？将其添加到页面底部的
标记中，位于
标记之前。
<script type="text/javascript">
    var url = window.location.pathname;
    var filename = url.substring(url.lastIndexOf('/')+1);
    filename = filename.replace('.','_');
    var elem=document.getElementsByClassName('myinterior')[0];
    elem.className = elem.className + " " + filename;
</script>

<div class="myinterior"></div>

<div class="myinterior"></div>

var url = window.location.pathname;
var filename = url.substring(url.lastIndexOf('/')+1);
filename = filename.replace('.','_');
document.querySelector('.myinterior').classlist.add(filename);