Question

我的代码需要帮助，因为一切都有效。在三个文本框中输入文本并单击按钮后，我得到一个包含文本的div，但是当我单击文本时我只希望nummer部分得到style="bold"，而不是整个div

如果可能的话，在不将nummer文本放在自己的元素中的情况下，最简单的方法是什么？

<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>

Answer 1

无法执行此操作 - 您可以使用div元素，也可以添加一个新元素，该元素具有您可以使用的属性。无法仅更改元素中文本的一部分属性。

Answer 2

上传并使用自定义字体，其中只有数字为粗体。

将文本样式更改为粗体

2 个答案: