如何使用Javascript

Question

我是Javacript的新手，我想知道如何定位单词test的第一个字符，并使用Javascript更改它的大小。

这是我的代码

<div id="logo">
    <style>
        #logo{
            transition: 0.3s ease;
        }
    </style>
<h1 onmousemove="move()" onmouseout="out()">test</h1>
<script>
    function move(){
        document.getElementById("logo").style.color = "red";     
    }
    move();
    function out(){
        document.getElementById("logo").style.color = "black";
    }
    out();
    </script>
</div>

Answer 1

您可以使用::first-letter CSS选择器：

https://developer.mozilla.org/en-US/docs/Web/CSS/::first-letter

https://caniuse.com/#search=first-letter

Answer 2

这是纯粹的JS解决方案：

let t = document.querySelector('h1').textContent;
t = t[0].toUpperCase() + t.substring(1);
document.querySelector('h1').textContent = t;

Answer 3

您可以创建CSS类并将其附加到div。

CSS：

.ucfirst {
  text-transform: capitalize;
}

JS：

document.getElementById('logo').classList.add('ucfirst');

要删除课程，只需拨打“删除”而不是“添加”。