<p id="demo"></p>
时间: 2024-06-02 13:03:31 浏览: 139
以下是两个关于HTML中的<p>标签的例子:
1. 在<p>标签中显示文本内容
```html
<p id="demo">这是一个段落。</p>
```
2. 使用JavaScript在<p>标签中显示变量的值
```html
<p id="demo"></p>
<script>
let carName = "Volvo";
document.getElementById("demo").innerHTML = carName;
</script>
```
相关问题
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p>比较</p> <button onclick="myFunction()">测试</button> <p id="demo"></p> <script> function myFunction(){ var x=11,y=3 document.getElementByld("demo").innerHTML=(x<10||y>1); } </script> </body> </html>
这是一个 HTML 页面,包含一个按钮和一个段落。当按钮被点击时,会调用名为 `myFunction()` 的 JavaScript 函数。该函数会将变量 `x` 和 `y` 的值分别设为 11 和 3,并将它们进行比较。最后,它会将比较的结果(true 或 false)显示在 id 为 `demo` 的段落中。在这个例子中,由于 `(x < 10 || y > 1)` 的结果为 true,因此段落会显示为 `true`。
<form class="layui-form"> <div class="layui-form-item"> <label class="layui-form-label">照片</label> <div class="layui-input-block"> <button type="button" class="layui-btn" id="upload1">上传图片</button> <input type="hidden" id="img_url" name="img" value=""/> <div class="layui-upload-list"> <img class="layui-upload-img" width="200px" height="120px" id="demo1"/> <p id="demoText"></p> </div> </div> </div> </form>
这是一个基于Layui框架的表单,其中包含一个上传图片的功能。在表单中,使用了class为layui-form的样式,表示这是一个Layui表单。其中,label标签表示表单项的名称,input标签中的hidden类型用于保存上传图片的URL,即img_url。在表单中,还有一个button标签,class为layui-btn,用于触发上传图片的操作。在button标签上,使用了id为upload1的属性,用于后续JavaScript代码的调用。在表单中,还使用了class为layui-upload-list的样式,用于显示上传的图片信息,其中包括一个img标签,用于显示上传的图片,以及一个p标签,用于显示上传图片的文字描述。在img标签中,使用了id为demo1的属性,用于后续JavaScript代码的调用。
阅读全文