编程题2 偶的答案

最新推荐文章于 2023-08-29 22:07:04 发布

longaway

最新推荐文章于 2023-08-29 22:07:04 发布

阅读量1.1k

点赞数

分类专栏：开发、技术 Web 文章标签：编程 div xhtml html javascript ajax

本文链接：https://blog.youkuaiyun.com/longaway/article/details/669845

版权

开发、技术同时被 2 个专栏收录

65 篇文章

订阅专栏

Web

33 篇文章

订阅专栏

这篇博客展示了如何使用标准DOM方法动态创建一个红色背景、黄色文字且内容为'Hello Ajax!'的DIV元素。内容包括设置CSS样式，使文字在垂直和水平方向上居中，以及在页面加载时通过JavaScript插入到body中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2. 用标准的DOM方法动态创建一个包含文本"Hello Ajax!"的DIV，用静态CSS定义或者用脚本设置style属性，使得该DIV宽高都为500px，文字颜色为黄色，背景色为红色，同时该DIV的文字垂直和水平方向都居中。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Div block.</title>
<style type="text/css">

</style>
<script type="text/javascript">
function insertNewDiv(){
var newDiv = document.createElement('div');
newDiv.innerHTML = 'Hello Ajax!';
newDiv.setAttribute('class', 'blk');
newDiv.className = 'blk';
document.body.appendChild(newDiv);
}
</script>
</head>
<body οnlοad="javascript:insertNewDiv();">
</body>
</html>