请问老师我第一行文字如何加粗放大,代码有问题吗

请问老师我第一行文字如何加粗放大,代码有问题吗

<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>日常练习</title>

    <style>

        #wrap {

            width: 324px;

            margin: 0 auto;

        }

        button {

            padding: 10px 20px;

            margin-bottom: 20px;

            border: none;

            border-radius: 3px;

            background: #f01414;

            color: #fff;

        }

        #intro {

            width: 300px;

            min-height: 100px;

            line-height: 20px;

            padding: 10px;

            border: 2px solid gray;

            border-radius: 3px;

        }

    </style>

</head>

<body>

    <div id="wrap">

        <button id= "button">添加</button>

        <div id="intro"></div>

    </div>

    <script>

    const intro = document.getElementById('intro');

        const button = document.getElementById('button')



        const logname = (addname) => {

            const add = {

                name: "大话西游之月光宝盒 ",

                year: "2014",

                director: "刘镇伟",

                star: "周星驰 / 吴孟达 / 罗家英",

                type: "喜剧 / 爱情 / 奇幻 / 古装",

                introduction: " 孙悟空(周星驰)护送唐三藏(罗家英)去西天取经路上,与牛魔王合谋欲杀害唐三藏,并偷走了月光宝盒,此举使观音萌生将其铲除心思,经唐三藏请求,孙悟空被判五百年后重新投胎做人赎其罪孽...."

            }

            const paraname = { ...add, ...addname }

            console.log(paraname);

            intro.innerText =

                `名称:${paraname.name}\n导演:周星驰\n主演:${paraname.star}\n类型${paraname.type}\n上映年份${paraname.year}\n简介:${paraname.introduction}`


        }

        logname();

        button.onclick = function () {

            logname({

                name: '功夫',

                year: '2004',

                director: '周星驰',

                star: "周星驰 / 黄圣依",

                type: "周星驰 / 黄圣依",

                introduction: " 简洁:20世纪40年代的中国广东,有一名无可药救的小混混阿星(周星驰饰),此人能言善道、擅耍嘴皮,但意志不坚,一事无成。他一心渴望加入手段冷酷无情、恶名昭彰的斧头帮,并梦想成为黑道响叮当的人物。此时斧头帮正倾全帮之力急欲铲平唯一未收入势力范围的地头,未料该地卧虎藏龙,痴肥的恶事女房东肥婆加上与其成对比的懦弱丈夫二叔公 率领一班深藏不漏的武林高手,大展奇功异能,对抗恶势力...."


            });


        }





    </script>



</body>


</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕慕子 2022-02-21 16:35:42

同学你好,代码是对的,针对同学的问题解答如下:

可以将innerText换成innerHTML属性,然后使用标题标签包裹第一行的文字,示例:

https://img1.sycdn.imooc.com//climg/62134edd0995af5e11610332.jpg

祝学习愉快~

  • 提问者 慕田峪1427181 #1
    我尝试了换成

      intro.innerHTML =,但是\n换行符就会失效了

    2022-02-22 00:02:13
  • 好帮手慕慕子 回复 提问者 慕田峪1427181 #2

    同学你好,换成innerHTML属性后,可以使用标签包裹对应的文字内容,示例:

    https://img1.sycdn.imooc.com//climg/62144e2c097b244f08920357.jpg

    祝学习愉快~

    2022-02-22 10:45:04
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师