Javascript 将文本样式更改为粗体

Javascript 将文本样式更改为粗体,javascript,css,typography,Javascript,Css,Typography,我需要代码方面的帮助,因为除了一件事以外,所有的东西都能工作。在三个文本框中输入文本并单击按钮后,我会得到一个带有文本的div,但当我单击文本时,我只希望numer部分得到style=“bold”,而不是整个div 如果可能的话,在不将numer文本放入其自身元素的情况下,最简单的方法是什么 <html> <head> <title>Uppgift 6</title> <meta http-equiv="Content-Typ

我需要代码方面的帮助,因为除了一件事以外,所有的东西都能工作。在三个文本框中输入文本并单击按钮后,我会得到一个带有文本的div,但当我单击文本时,我只希望
numer
部分得到
style=“bold”
,而不是整个div

如果可能的话,在不将
numer
文本放入其自身元素的情况下,最简单的方法是什么

<html>
<head>
    <title>Uppgift 6</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
        var $contact = {};

        $contact.List= function() {
            this.addContact= function(namn ,efternamn, telefon) {
                var cont= new $contact.People(namn, efternamn, telefon)
                document.body.appendChild(cont.element);
            };
        };

        $contact.People= function(namn, efternamn, telefon) {
            this.fNamn= namn;
            this.eNamn= efternamn;
            this.tele= telefon;
            this.element= document.createElement("div");
            this.element.innerHTML= namn+" "+efternamn+" "+telefon;
            var ele= this.element;

            this.element.addEventListener("click", function () {
                ele.style.fontWeight="bold";
            });
        };

        var myList;
        function startUp() {
            myList= new $contact.List();
        }
    </script>
</head>
<body onload="startUp();">
    <form>
        <input type="text" id="fNamn" placeholder="Föramn"/>
        <input type="text" id="eNamn" placeholder="Efternamn"/>
        <input type="text" id="tele" placeholder="Nummer"/>
        <p></p>
        <input type="button"
           onClick="myList.addContact(document.getElementById('fNamn').value,
           document.getElementById('eNamn').value,
           document.getElementById('tele').value);"
           value="Skriv ut"/>
    </form>
</body>
</html>

礼物6
var$contact={};
$contact.List=函数(){
this.addContact=函数(namn、efternamn、telefon){
var cont=新的$contact.People(namn、efternamn、telefon)
document.body.appendChild(cont.element);
};
};
$contact.People=功能(namn、efternamn、telefon){
这个.fNamn=namn;
this.eNamn=efternamn;
this.tele=telefon;
this.element=document.createElement(“div”);
this.element.innerHTML=namn+“”+efternamn+“”+telefon;
var ele=此元素;
this.element.addEventListener(“单击”),函数(){
ele.style.fontwweight=“bold”;
});
};
var myList;
函数启动(){
myList=new$contact.List();
}


无法做到这一点-要么使用div元素,要么添加一个具有自己属性的新元素。无法仅更改元素中一部分文本的属性。

上载并使用仅数字为粗体的自定义字体